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


/* ==========================================================================
   Import Web Fonts
   ========================================================================== */
@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 normalize.css
   ========================================================================== */

@import url('/site/main2/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 Narrow', 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;
	height: auto;
	max-width: 100%;
	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
}
a {
	color:#b72842;
	text-decoration: none;
}
a:hover {
	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;
}

blockquote {
	font-size:1em
}

.page-header {
    margin:0;
}
.text-color01 {
	color:#b72842
}
@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(../images/icons/pdf-icon-small.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
}
.width100 {width:100%}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
.mt50 {
	margin-top:50px;
}
 @media screen and (min-width: 425px) {
	.pull-right {margin-left:15px}
}

.btn-default {
}

.btn-more {
    text-shadow: none;
    color: #FFF;
    background-color: #b72842;
    border-color: none;
    background-image: none;
    box-shadow: none;
	margin:2px 0;
	text-align:left;
}

.btn-more2 {
    text-shadow: none;
    color: #FFF;
    background-color: #005825;
    border-color: none;
    background-image: none;
    box-shadow: none;
	margin:2px 0;
	text-align:left;
}

.btn-more3 {
    text-shadow: none;
    color: #FFF;
    background-color: #ff7f26;
    border-color: none;
    background-image: none;
    box-shadow: none;
	margin:2px 0;
	text-align:left;
}

.btn-more:hover, .btn-more2:hover {
	color: #ffd01b;
}
.btn-more3:hover {
	color: #000;
}

@media screen and (max-width: 1024px) {
	.container1440 {
		position:relative;
		margin: 0 auto;
		max-width: 1024px;
	}
}
@media screen and (min-width: 1024px) {
	.navbar-collapse {
		padding:0;
	}
	.container1440 {
		position:relative;
		margin: 0 auto;
		max-width: 1440px;
	}
}

/* ==========================================================================
   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
   ========================================================================== */

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

#search .search-form {
    width: 265px;
	position:absolute;
	top:-10px;
	right:30px
}
.hide-label {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#search .search-form input {
    width: 230px;
    height: 35px;
    padding: 0 .3em 0 0;
    float: left;
    font-size: 18px;
    background: none;
    color: #000;
    border: none;
    border-bottom: 1px solid #7f7f7f;
    -webkit-appearance: none;
}
#search .search-form button {
    float: left;
    cursor: pointer;
    height: 35px;
    width: 35px;
    background: url(../images/search.svg) no-repeat 1em 0.4em;
    background-size: 20px 20px;
    border: none;
    border-bottom: 1px solid #7f7f7f;
    -webkit-appearance: none;
}



/* ==========================================================================
   global-nav
   ========================================================================== */
.global-nav {
	background-color:#b72842;
	color:#FFF;
	height: 32px;
}
.global-nav .left {
    float: left;
}
.global-nav .right {
    float: right;
}
.nav-tactical {
	padding: 0;
	margin-bottom: 0
}

.nav-tactical > li {
	list-style: none;
	float:left;
	padding:0 10px;
	font-size:13px;
}
.nav-tactical > li > a {
	display: block;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	padding: 8px 0 7px 0;
}
.nav-tactical > li > a:hover {
	color: #ffd01b;
}
.nav-tactical > li > a > img {
	display: block;
	float: left;
	margin-right: .5em;
	margin-top:2px;
}

.nav-tactical > li > .dropdown-toggle {background:none; border:none; text-shadow:none}
.nav-tactical > li > .dropdown-toggle img {margin-top:4px}
.nav-tactical .open > .dropdown-toggle.btn-default {background:none; border:none; color:#fff}
.nav-tactical > li .dropdown-menu {top:40px; left:auto}

/* ==========================================================================
   Global Navigation Container
   ========================================================================== */

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


@media screen and (max-width: 425px) {
	.navbar-nav {
		background: #0d4e96;
		width:auto
	}
	.navbar-nav>li>a {
		color: #FFF;
		text-shadow:none;
		text-align:left;
	}
	.nav-links li{
		padding: 5px 15px 5px 25px;
		line-height:20px;
	}
	.nav-links a{
		font-size:14px;
		color:#FFF;
	}
}
@media screen and (min-width: 768px) {
	.navbar-nav {
		background: #0d4e96;
		width:100%;
		position:relative;
	}
	.navbar-nav>li {
		width:16.666%
	}
	.nav>li {
		position:static
	}
	.nav>li>a {
		position:static
	}
	.navbar-nav>li>a {
		color: #FFF;
		text-shadow:none;
		text-align:center;
	}
	.navbar-nav .open .dropdown-menu {
		position:absolute;
		width:100%;
		z-index:9999;
		display:inherit;
		padding:20px;
	}
	.nav-intro {
		width: 50%;
		float: left;
		text-align: left;
	}
	p.intro {
		font-size: 40px;
		font-weight:700;
		color: #FFF;
		margin: 0 0 1rem 0;
		padding-right: 2rem;
	}
	.nav-links {
		border-left: 1px solid #337951;
		padding-left: 1em;
		float: left;
		width: 50%;
	}
	.nav-links a:hover {
		background:none !important;
		text-decoration:underline
	}
	.nav-links a{
		font-size:16px;
		color:#FFF;
		line-height:30px;
	}
	.dropdown-menu>li>a {
		display:inline;
	}
}

@media screen and (min-width: 1440px) {
	.navbar-nav>li>a {
		font-size:18px
	}
}

.navbar-nav>li a:hover {
	background-color: #06274b
}
.navbar-nav>li.active {
	background-color: #005825
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: #06274b;
	border-color: #005825;
	color: #000
}
.dropdown-menu {
	margin-top: -1px;
	background-color: #b72842;
	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: "PT Sans Narrow";
	color: #FFF
}
.navbar-nav .open .dropdown-menu {
	background: #005825;
}
.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: 0;
	width: 100%;
	max-width: 1920px;
	z-index: 99999 !important;
	background-color: #fff;
	border-radius: 0;
	border-bottom: 1px solid #e1e1e1;
}
@media screen and (min-width: 768px) {
	.affix {
		top: -52px;
		border-bottom: none;
	}
	.affix.navbar {
		margin:0;
		background:#0d4e96
	}
}
.affix .navbar-brand {
	margin-top: -2px
}
.affix .navbar-brand img {
	height: 24px;
}
.navbar-collapse {
	/*max-height:340px*/
}
@media screen and (max-width: 425px) {
	.page-section h2 {
		font-size: 1.75em
	}
}

@media screen and (min-width: 768px) {
	.navbar {
		margin: 50px 0 0 0;
		background:#FFF
	}
	.navbar-right {
		margin-right: -40px;
	}
	.navbar-brand {
		margin-top: -45px;
		margin-left:0 !important;
	}
	.navbar-brand img {
		height: 50px
	}
	.navbar .container {
		position: relative;
	}
	.navbar {
		background: #FFF
	}

	.page-section h2 {
		font-size: 30px
	}
}
@media screen and (min-width: 1024px) {
	.navbar-right {
		margin-right: -40px;
	}
	.navbar-brand img {
		height: 50px
	}
}
 @media screen and (min-width: 1440px) {
	.navbar-brand img {
		height: 60px
	}
	.navbar-brand {
		margin-top: -40px;
	}
}

/* ==========================================================================
   feature-slider
   ========================================================================== */


#feature-slider {
	position:relative;
	margin-bottom:0
}
#feature-slider .container {
	padding: 0;
}
#feature-slider div {
	overflow: hidden;
	max-height: 595px;
}
#feature-slider .slide .caption {
	padding: 20px;
	color: #FFF;
	overflow: hidden;
	position: relative
}
@media screen and (min-width: 768px) {
	#feature-slider {
		margin-bottom:20px
	}
	#feature-slider .slide .container.orien {
		top: 25%;
	}
	#feature-slider .orien .caption h2 {
		font-size: 50px !important;
	}
	#feature-slider .orien .caption p {
		font-size: 30px;
		margin-top:40px
	}
}
@media screen and (min-width: 1024px) {
	#feature-slider .slide .caption {
		padding: 30px;
	}
}
#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 .caption h2 {
	color:#ffd01b;
	font-size: 70px;
	letter-spacing: 0;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	margin-top: 5px;
	text-transform: uppercase;

}
#feature-slider .caption h2 small{
	color:#FFF;
}
#feature-slider .caption.style2 h2 {
	text-transform:none !important;
	color:#fff !important;
}


@media screen and (max-width: 767px) {
	#feature-slider img {
		max-width: 280% !important;
		margin-left: -80% !important;
	}
	#feature-slider .slide .container {
		position: absolute;
		bottom: 20px;
		right: 0;
		left: 0;
		text-align: center;
		color: #fff;
	}
	#feature-slider .caption h2 {
		font-size: 36px !important;
	}
	#feature-slider .caption p {
		font-size: 14px;
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#feature-slider .slide .container.orien {
		top: 35%;
	}
	#feature-slider .orien .caption h2 {
		font-size: 36px !important;
	}
	#feature-slider .orien .caption h2 span {
		border-top:3px solid #ffd01b;
		border-bottom:3px solid #ffd01b;
	}
	#feature-slider .orien .caption p {
		font-size: 28px;
		margin-top:40px
	}
}
@media screen and (min-width: 768px) {
	#feature-slider .slide .container {
		position: absolute;
		bottom: 50px;
		right: 0;
		left: 0;
		text-align: center;
		color: #fff;
	}
	#feature-slider .caption h2 {
		font-size: 40px !important;
	}	
	#feature-slider .orien .caption h2 span {
		border-top:3px solid #ffd01b;
		border-bottom:3px solid #ffd01b;
	}
}
@media screen and (min-width: 1024px) {
	#feature-slider .caption h2 {
		font-size: 50px !important;
	}
	#feature-slider .caption p {
		font-size: 20px;
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#feature-slider .orien .caption h2 span {
		border-top:3px solid #ffd01b;
		border-bottom:3px solid #ffd01b;
	}
}
@media screen and (min-width: 1440px) {
	#feature-slider .caption h2 {
		font-size: 61px !important;
	}
	#feature-slider .caption p {
		font-size: 18px;
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		letter-spacing:1px
	}
	#feature-slider .caption.style2 h2 {
		font-size: 60px !important;
		text-transform:none !important;
		color:#fff !important;
	}
	#feature-slider .caption.style2 p {
		font-size: 24px;
	}
	#feature-slider .slide .container.orien {
		top: 30%;
	}
	#feature-slider .orien .caption h2 {
		font-size: 80px !important;
	}
	#feature-slider .orien .caption h2 span {
		border-top:3px solid #ffd01b;
		border-bottom:3px solid #ffd01b;
	}
	#feature-slider .orien .caption p {
		font-size: 34px;
		margin-top:40px
	}
}

.photo-feature {
    float: left;
    position: relative;
    max-height: 350px;
	padding:0;
	overflow: hidden;
}
.photo-feature .text-over-image {
    color: #fff;
    padding: 0 1em;
    position: absolute;
    bottom: 10px;
    z-index: 31;
    width: 90%;
}

.photo-feature .text-over-image p{
	font-size:14px;
}
.photo-feature .text-over-image .link {
	text-transform: uppercase;
	font-weight:700
}

@media screen and (min-width: 768px) {
	.photo-feature .text-over-image {
		padding: 0 1em;
		position: absolute;
		bottom: 10px;
	}
	.photo-feature .text-over-image h2 {
		font-size:24px
	}
}
@media screen and (min-width: 1024px) {
	.photo-feature .text-over-image {
		padding: 0 2em;
		position: absolute;
		bottom: 10px;
	}
	.photo-feature .text-over-image h2 {
		font-size:30px
	}
	.photo-feature .text-over-image p{
		font-size:18px;
	}
}


.page-section {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0 0 20px 0;
	text-align: left;
	margin-bottom: 40px;
}
.page-section .section-heading {
	color:#b72842
}
.page-section h2 {
	line-height: 1;
	margin: 1.125em 0;
	text-align: center;
}
.page-section .section-lead {
		font-size:20px;
		text-align: center;
	}
@media screen and (min-width: 768px) {
	.page-section .section-lead {
		font-size:38px;
		text-align: center;
	}
	.page-section {
		padding: 0;
	}
}
@media screen and (min-width: 1024px) {
	.page-section .section-lead {
		font-size:44px;
		text-align: center;
	}
}
.page-section p {
	font-size:18px;
}
.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";
	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 #b72842 !important;
}
.cover-photo {
	background-image: none !important;
}
.cover-photo .caption-wrapper {
	background: #b72842;
	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 {
}

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

.nav-secondary {
	font-size: 1em;
	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: 4px solid #f0f0f0;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.125em;
	line-height: 21px;
	margin: 0 0 12px;
	padding: 0 0 12px;
}
.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: #FFF;
	margin-left: -10px;
	color:#000;
}
.nav-secondary a:hover{
	color:#b72842;
	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: #FFF;
	color: #b72842;
	font-weight:700
}
.nav-secondary .opened > a {
	background: #E6E6E6;
}

@media screen and (min-width: 1024px) {
	.nav-secondary {
		float: left;
		padding: 0 20px;
		width: 25%;
		font-family: "PT Sans Narrow";/* margin-top: 0; */
	}
}
/* ========================================================================
   Sub Visual
   ======================================================================== */
#sub_visual {
	position: relative;
	overflow: hidden;
}
#sub_visual h1 {
	margin:0;
	font-size: 3.125em;
	font-weight: 700;
	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: "PT Sans Narrow";
		font-size: 2.5em;
		color: #FFF
	}
}
@media screen and (min-width: 768px) {
	#sub_visual h1 {
		font-family: "PT Sans Narrow";
		font-size: 4.375em;
		color: #FFF
	}
}
 @media screen and (min-width: 1440px) {
	#sub_visual div {
		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;
}
.lnb_list > li > ul {
	display: none
}
#main-content {
	padding-bottom: 50px;
	font-size:0.875em
}
.page-header {
	border-bottom: none;
	padding-bottom: 0;
}
#page header h1 {
	font-family: "PT Sans Narrow";
	font-size: 2.25em;
	margin-top: 20px
}

#content-well {
	font-family: "PT Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#content-well {
	font-size:15px;
	line-height:21px;
}

@media screen and (max-width: 425px) {
	.nav-secondary .site-title {
		background:url('../images/ico_d2off.png') no-repeat 100% 30%;
		background-size: 12px
	}
	.nav-secondary .site-title.on {
		background:url('../images/ico_d2on.png') no-repeat 100% 30%;
		background-size: 12px
	}
	.nav-secondary .lnb_list {
		display:block
	}

}




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


.site-footer {
    z-index: 100;
	padding:20px 0;
	background: #b72842;
	color: #FFF;
}
.site-footer a,
.site-footer a:visited {
    color: #FFF;
    text-decoration: none;
}
.site-footer a:hover,.site-footer a:focus,.site-footer a:visited:hover {
    color: #ffd01b;
    text-decoration: none;
}
/*.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 {
	margin-top:0px;
}
.global-footer address {
	margin-top:10px;
	font-size: 0.875em;
	text-align:center;
}
.global-footer .footer-logo a {
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
.global-footer .footer-logo img {
	width:200px;
}

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

@media screen and (min-width: 1024px) {
	.global-footer .footer-logo img {
		width:280px;
	}
	.global-footer address {
		text-align:center;
	}
}


footer .top {
	display: block;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 200;
	width: 45px;
	height: 45px;
	background: url('../images/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
   ========================================================================== */
.quick-list {
	list-style:none;
	padding:0
}
@media (max-width: 767px) {
	.quick-list li a {
		display:block;
		padding:17px 16px;
		font-size:26px;
	}
}
@media (min-width: 768px) {
	.quick-list li a {
		display:block;
		padding:17px 16px
	}
}
@media (min-width: 1024px) {
	.quick-list li a {
		display:block;
		padding:22px 16px;
		font-size:20px;
	}
}
@media (min-width: 1440px) {
	.quick-list li a {
		display:block;
		padding:27px 16px;
		font-size:26px;
	}
}

.quick-list a{
	color:#FFF
}
.quick-list a:hover{
	color:#ffd01b
}

@media screen and (max-width: 767px) {
	.photo-feature .photo-hover img {
		width:100% !important
	}
	.page-section img{
		width:100% !important
	}
}
/* ==========================================================================
   Sub Page
   ========================================================================== */

.border-black>thead>tr>th, .border-black>tbody>tr>th, .border-black>tfoot>tr>th, .border-black>thead>tr>td, .border-black>tbody>tr>td, .border-black>tfoot>tr>td {
    border: 1px solid #000;
}

/* FACULTY */
.profile {
	overflow: hidden;
	background: #fff;
}
.profile h2 {
	font-size: 1.5em;
	color: #000;
	font-weight: 700;
	margin: 0 0 0 0;
}
.profile h3 {
	color: #000;
	font-size: 1em;
	font-weight: 500;
	margin:5px 0 15px 0 !important;
	text-transform:uppercase
}
.profile h4 {
	color: #b72842;
	font-size: 0.938em;
	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 h2 {
		margin-top:20px;
	}
}

/* Academic Calendar */
.eduScd {
	position:relative;
	padding:20px 0;
}

.year_select {
	position: absolute;
    right: 0;
    top: 40px;
}
.m-circle {
	margin-top:20px;
	border: 5px solid #e1e1e1;
    width: 100px;
	height: 100px;
    border-radius: 50%;
	font-size:20px;
	line-height:90px;
	text-align:center;
}
.table-calender {
	border-top:2px solid #000;
	border-bottom: 1px solid #ddd;
}

.table-calender th{
	border-right: 1px dashed #ccc;
}
.table-calender dl {
	margin:0 20px 20px;
}
.table-calender dl dt {
	margin-top:20px;
}

/* Video */
@media screen and (min-width: 1024px){
	.endicott0603 .board-gallery .list .zoom {
		min-height: 120px;
		max-height: 120px;
	}
}

@media screen and (min-width: 1440px){
	.endicott0603 .board-gallery .list .zoom {
		min-height: 150px;
		max-height: 150px;
	}
}

/* Programs */
.photo-feature-3-across {
    margin-top: 3rem;
}

.photo-feature-3-across .photo-feature {
    width: 50%;
    float: left;
    position: relative;
    max-height: 350px;
}

@media screen and (min-width: 768px){
	.photo-feature-3-across .photo-feature {
		width: 33.333333%;
	}
}

.photo-feature-3-across .photo-feature img {
    display: block;
    max-width: 100%;
    height: auto;
}

.photo-feature-3-across .photo-feature .text-over-image {
    color: #fff;
    padding: 0 2em;
    position: absolute;
    bottom: 2em;
    z-index: 31;
    width: 90%;
}
.photo-feature-3-across .photo-feature h2 {
    font-size: 20px;
    color: #fff;
    margin-bottom: -.5rem;
    text-shadow: 2px 2px 0px #000;
}

.photo-feature-3-across .photo-feature .back {
    display: none;
    background-color: #836eaa;
    width: 100%;
}

.photo-feature-3-across .photo-feature .back-text {
    color: #fff;
    padding: 0 2em;
    position: absolute;
    z-index: 31;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: center;
}

.photo-feature-3-across .photo-feature .back-text h2 {
    font: 18px "Akkurat Pro Bold","Arial Black",sans-serif;
    color: #fff;
    margin-bottom: 1.5em;
    text-shadow: none;
}

.photo-feature-3-across .photo-feature .back-text p {
    text-shadow: none;
}

/* Campus Map */
.campusmap {
	position:relative
}

.campusmap .bigmap {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:50px;
	height:50px;
	background: url(../images/btn_bigmap.png) #000 50% 50% no-repeat;
	background-size:30px 30px;
	color:#FFF;
	overflow:hidden;

}

.accoNew {max-width:90% !important}
.accoNew .panel+.panel {margin-top:15px}
.accoNew > .panel-default>.panel-heading {background-image:linear-gradient(to bottom,#0d4e96 0,#2863a7 100%); color:#fff}

@media screen and (max-width:1024px) {
	.accoNew {max-width:100% !important}
}

#bx-pager2 {margin-top:20px; overflow:hidden}
#bx-pager2 a {width:19%; display:block; float:left; margin:0.5%}
#bx-pager2 img {width:100%}

.apStyle {display:inline-block; border:2px solid #ccded3; box-sizing:border-box; width:109px; height:138px; position:absolute; top:25px; right:40px; text-align:center; color:#fff; padding:15px}
.apStyle:hover {background-color:#005825 !important; color:#fff}
.apStyle img {padding-left:10px}
.apStyle span {display:block; margin-top:10px}

.mailLink {font-size:13px; letter-spacing:0}


#MainVisualWrap .bx-wrapper .bx-pager {display:none}
#MainVisualWrap .bx-wrapper .bx-prev {left:0; background:url(../images/btn_prev.png) no-repeat 0 0; background-size:32px 32px; opacity:1}
#MainVisualWrap .bx-wrapper .bx-next {right:0; background:url(../images/btn_next.png) no-repeat 0 0; background-size:32px 32px; opacity:1}
#MainVisualWrap .bx-wrapper .bx-prev:hover, #MainVisualWrap .bx-wrapper .bx-next:hover {opacity:0.8; background-position:0}


#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:#b72943; 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; font-weight:600}
#header-Top section .headerTopLeft li .flagStyle {vertical-align:sub; margin-right:5px}
#header-Top section .headerTopRight 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; height:40px}
#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 h1 > a img {vertical-align:top}
#header-Gnb section > .gnb {margin:0; padding:0; float:right; list-style:none}
#header-Gnb section > .gnb > li {float:left; position:relative; font-size:18px; padding-left:30px; cursor:pointer}
#header-Gnb section > .gnb > li > a {display:block; padding:10px 15px; color:#000; font-weight:700}
#header-Gnb section > .gnb > li:hover > a {background:#b72943; color:#fff; text-decoration:none}
#header-Gnb section > .gnb > li.active > a {background:#b72943; 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:max-content; background:#b72943; 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)}

#MainVisualWrap {position:relative}		
#MainVisualWrap .MainVisual {height:700px; background-position:center center; background-size:cover}
#MainVisualWrap .MainVisualTxt {position:absolute; top:0; left:0; width:100%; height:100%; display:table}
#MainVisualWrap .MainVisualTxt > div {display:table-cell; text-align:center; vertical-align:middle}
#MainVisualWrap .MainVisualTxt > div h2 {color:#ffd01b; letter-spacing:0; text-shadow:2px 2px 3px rgba(0,0,0,0.7); font-style:italic; font-size:60px; text-transform:uppercase}
#MainVisualWrap .MainVisualTxt > div p {color:#fff; text-shadow:2px 2px 3px rgba(0,0,0,0.7); font-style:italic; font-size:20px}

.contentsQuick {position:fixed; top:150px; right:0px; margin:0; padding:0; font-size:13px; z-index:999}
.contentsQuick li {list-style: none;}
.contentsQuick li a {display:table-cell; color:#fff; width:110px; height:110px; text-align:center; vertical-align:middle}
.contentsQuick li a p {margin:10px 0 0 0; line-height:16px}

.contentsQuick li:nth-child(1) a {border-radius:10px 10px 0 0; background:#b72943}
.contentsQuick li:nth-child(1) a:hover {background:#8a0921}
.contentsQuick li:nth-child(1) a img {width:30px; margin: auto;color:#fff}

.contentsQuick li:nth-child(2) a {border-radius:0 0 10px 10px; background:#710015}
.contentsQuick li:nth-child(2) a:hover {background:#44000d}
.contentsQuick li:nth-child(2) a img {width:30px;margin: auto;color:#fff}

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

.CourseDescription {display:none; margin-top:10px; font-size:13px; padding:10px; background:#f8f8f8;}
.CourseDescrip tbody td.cd {cursor:pointer}

/* 졸업 후 진로 */
.blank {position:static; top:10px; display:inline-block; width:13px; height:14px; background:url('http://sihom.wsu.ac.kr/site/common/image/blank.png') no-repeat; margin:-0 0 -4px 4px}
.mapWrap {overflow-x:scroll}
.mapWrap .mapInner {width:1000px; height:700px; position:relative}
.mapWrap .mapInner .markerBtn {position:absolute; cursor:pointer}
.mapWrap .mapInner .markerBtn > div {position:relative}
.mapWrap .mapInner .markerBtn > div > img {-webkit-animation:blink 0.7s ease-in-out infinite alternate; -moz-animation:blink 0.7s ease-in-out infinite alternate; animation:blink 0.7s ease-in-out infinite alternate}
.mapWrap .mapInner .markerBtn > div > .detail {display:none; position:absolute; width:250px; background:#fff; box-sizing:border-box; border-radius:10px; box-shadow:0 0 5px #949494; overflow:hidden; z-index:99}
.mapWrap .mapInner .markerBtn > div > .detail  h5 {padding:15px 20px; margin:0; color:#fff; font-size:16px; background:url('http://sihom.wsu.ac.kr/dept1/sih/images/mapClose.png') 95% 50% no-repeat}
.mapWrap .mapInner .markerBtn > div > .detail ul {list-style:none; margin:0; padding:20px; font-size:13px; line-height:17px}
.mapWrap .mapInner .markerBtn > div > .detail ul > li {background:url('http://sihom.wsu.ac.kr/dept1/sih/images/markerBar.png') 4px 8px no-repeat; padding-left:15px; margin-bottom:10px}
.mapWrap .mapInner .markerBtn > div > .detail ul > li:last-child {margin-bottom:0}
.mapWrap .mapInner .markerBtn > div > .detail ul a {color:#5691c3}
.mapWrap .mapInner.mapK {background:url('https://sihom.wsu.ac.kr/dept1/sih/images/map_k.jpg') no-repeat}
.mapWrap .mapInner.mapG {background:url('https://sihom.wsu.ac.kr/dept1/sih/images/map_g.jpg') no-repeat}
@-webkit-keyframes blink{
    0% {transform:scale(1.0)}
    100% {transform:scale(1.2)}
}
@-moz-keyframes blink{
    0% {transform:scale(1.0)}
    100% {transform:scale(1.2)}
}
@keyframes blink{
    0% {transform:scale(1.0)}
    100% {transform:scale(1.2)}
}
.mapWrap .mapInner .markerBtn > div img:hover {transform:scale(1.2) !important; animation:none}

@media screen and (max-width:425px) {
	.mapWrap {max-height:350px}
}

/* common */
.width100 {width:100%}
.height100 {height:100%}
.mt0 {margin-top:0 !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !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}
.mb10 {margin-bottom:10px !important}
.mb40 {margin-bottom:40px !important}
.flex {display:flex !important}
.align-center {align-items:center !important}
.justify-flex-end {justify-content:flex-end !important}
.text-left {text-align:left !important}
.text-center {text-align:center !important}
.text-right {text-align:right !important}
.txtBlue {color:#0f4e96 !important}
.txtRed {color:#b82842 !important}
.txtGreen {color:#005926 !important}
.textGray {color:#b7b7b7 !important}
.textWhite {color:#fff !important}
.table-responsive {position:relative}
.bList {font-size:16px; font-weight:400; line-height:22px}
.bList > li {background:url('/dept2/common/images/listBar.png') 5px 11px no-repeat; padding-left:15px; margin-bottom:10px}
.bList > li:last-child {margin-bottom:0}
.nList {font-size:16px; font-weight:400; line-height:22px; margin-left:20px}
.nList > li {list-style:decimal; list-style-position:outside; margin-bottom:10px}
.modal {z-index:999999}
.modal-header .close {font-size:30px}
/*.fade {opacity:0; -webkit-transition:opacity .15s linear; -o-transition:opacity .15s linear; transition:opacity .15s linear; background:rgb(0 0 0 / 50%);}*/

/* button */
.moreBtn {display:inline-block; padding:15px 30px; border:2px solid #0d4e96; background:#0d4e96; font-size:16px; color:#fff; transition:.3s; margin:5px}
.moreBtn:hover {background:#fff; color:#0d4e96}

/* CategoryWrap */
#CategoryWrap {border-bottom:1px solid #e1e1e1}
#CategoryWrap section {max-width:1140px; margin:0 auto; padding:15px 0; overflow:hidden}
#CategoryWrap section > ul {overflow:hidden; float:left}
#CategoryWrap section > ul > li {display:inline-block; vertical-align:top; font-size:14px; font-weight:400; color:000; padding-right:45px; margin-right:40px; background:url('../images/categorArr.gif') right center no-repeat;}
#CategoryWrap section > ul > li:last-child {color:#0d4e96; font-weight:700; margin-right:0; padding-right:5px; background:none}
#CategoryWrap section > ul > li > a:hover, #CategoryWrap section > ul > li > a:focus {color:#0d4e96}

/* CategoryWrap2 */
#CategoryWrap2 {}
#CategoryWrap2 section {max-width:1140px; margin:0 auto; padding:15px 0; border-top:1px solid #e1e1e1; overflow:hidden}
#CategoryWrap2 section > ul {overflow:hidden; float:right; margin-bottom:0}
#CategoryWrap2 section > ul > li {display:inline-block; vertical-align:top; font-size:14px; font-weight:400; color:000; padding-right:45px; margin-right:40px; background:url('../images/categorArr.gif') right center no-repeat;}
#CategoryWrap2 section > ul > li:last-child {color:#0d4e96; font-weight:700; margin-right:0; padding-right:0; background:none}
#CategoryWrap2 section > ul > li > a:hover, #CategoryWrap2 section > ul > li > a:focus {color:#0d4e96}

/* subVisualWrap */
#subVisualWrap {overflow:hidden; height:266px}
#subVisualWrap.svw01 {background:url('../images/subVisual2022-01.webp') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw02 {background:url('../images/subVisual2022-02.webp') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw03 {background:url('../images/subVisual2022-03.webp') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw04 {background:url('../images/subVisual2022-04.webp') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw05 {background:url('../images/subVisual2022-05.webp') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw06 {background:url('../images/subVisual2022-06.webp') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw02-1 {background:url('../images/subVisual2022-2-1.jpg') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw02-2 {background:url('../images/subVisual2022-2-2.jpg') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw02-3 {background:url('../images/subVisual2022-2-3.jpg') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw02-4 {background:url('../images/subVisual2022-2-4.jpg') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw02-5 {background:url('../images/subVisual2022-2-5.jpg') center center no-repeat; background-size:cover !important}
#subVisualWrap section {width:100%; max-width:1310px; margin:0 auto; padding:0 15px; display:table; height:100%; text-align:left}
#subVisualWrap section > h2 {font-size:60px; font-weight:900; color:#fff; display:table-cell; vertical-align:middle}
#subVisualWrap.svw02 section > h2 {text-shadow:2px 2px 10px #888}
#subVisualWrap.svw03 section > h2 {text-shadow:2px 2px 10px #888}

/* subContainerWrap */
#subContainerWrap {padding:30px 0 150px 0; overflow:hidden}
#subContainerWrap > section {max-width:1140px; margin:0 auto}
#subContainerWrap_wide {padding:0; overflow:hidden}
#subContainerWrap_wide > section {max-width:100%; margin:0 auto}

/* majorMainVisual */
.majorMainVisual {position:relative; background-size:cover; width:100%; height:680px}
.majorMainTxtWrap {position:absolute; left:0; bottom:50px; width:100%}
.majorMainTxt {max-width:1170px; padding:0 15px; margin:0 auto}
.majorMainTxt > h3 {color:#fff; font-size:60px; font-weight:700; margin-bottom:20px; text-shadow:3px 3px 3px rgba(0,0,0,0.3)}
.majorMainTxt > p {color:#fff; font-size:18px; font-weight:300; line-height:28px; text-shadow:3px 3px 3px rgba(0,0,0,0.3)}

/* majorMainTab */
.majorMainTab {overflow:hidden; list-style:none; margin-top:50px; padding:0}
.majorMainTab li a {display:block; float:left; background:rgba(14,78,150,0.8); border:2px solid rgba(14,78,150,0.8); box-sizing:border-box; padding:30px 0; text-align:center; color:#fff; margin:3px; font-size:20px; transition:.3s}
.majorMainTab li.active a, .majorMainTab li a:hover {background:#fff; color:#0d4e96; font-weight:700}
.majorMainTab.tab1 li a {width:calc(100% - 6px)}
.majorMainTab.tab2 li a {width:calc(50% - 6px)}
.majorMainTab.tab3 li a {width:calc(33.33333% - 6px)}
.majorMainTab.tab4 li a {width:calc(25% - 6px)}
.majorMainTab.tab5 li a {width:calc(20% - 6px)}

/* majorlanding */
.majorlanding {background:#0d4e96; background-size:cover !important;}
.majorlanding > section {max-width:1170px; padding:50px 15px; margin:0 auto; overflow:hidden}
.majorlanding h3 {font-size:45px; font-weight:700}
.majorlanding p {font-size:18px; font-weight:400; line-height:26px; margin-top:30px}
.landingCol {display:table}
.landingCol > li {display:table-cell; vertical-align:middle}

/* whiteBox */
.whiteBox {width:100%; background:rgba(255,255,255,0.8); padding:40px 30px; text-align:center}
.whiteBox.pd60 {padding:60px 30px}
.whiteBox h3 {font-size:45px; font-weight:700; color:#0d4e96}
.whiteBox p {font-size:18px; font-weight:400; color:#333; line-height:26px; margin-top:30px}

/* statsWrap */
.statsWrap {background:#e7e9f2}
.statsWrap > section {max-width:1170px; padding:50px 15px; margin:0 auto}
.statsWrap .statsWrap_tit {text-align:center; font-size:40px; font-weight:700; color:#0d4e96}
.statsWrap .statsWrap_tit2 {text-align:center; font-size:24px; font-weight:700; color:#0d4e96; background:#fff; padding:20px 0; border-radius:70px;}

/* majorSection2 */
.majorSection2 {background:#0d4e96}
.majorSection2 > section {max-width:1170px; padding:50px 15px; margin:0 auto; overflow:hidden}
.majorSection2_list {display:table}
.majorSection2_list > li {display:table-cell; vertical-align:middle}
.majorSection2_list > li:nth-child(1) {width:55%; padding-right:40px}
.majorSection2_list > li:nth-child(2) {background:rgba(255,255,255,0.8); padding:40px 30px; text-align:center}
.majorSection2_list > li h3 {font-size:45px; font-weight:700; color:#0d4e96}
.majorSection2_list > li p {font-size:18px; font-weight:400; line-height:26px; margin-top:30px}

.majorFlex1 {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch}
.majorFlex1 > div:nth-child(1), .majorFlex1 > div:nth-child(2) {width:calc(50% - 30px); margin:0 15px}

.middleSecWrap {background:#e7e9f2}
.middleSection {max-width:1170px; padding:50px 15px; margin:0 auto; box-sizing:border-box}
.middleBtnSt1 {display:flex; align-items:center; justify-content:center; text-align:center; font-size:24px; font-weight:700; color:#0d4e96; background:rgba(255,255,255,0.8); padding:20px; border-radius:70px; width:100%; margin:0 10px; line-height:30px; transition:.3s}
.middleBtnSt1:hover {color:#fff; background:#0d4e96}

.boxStyle {background:#eee; padding:20px 15px; box-sizing:border-box; border-radius:8px;}

.clubList2 .panel-heading {padding:0}
.clubList2 .panel-heading > h5 {margin:0; padding:0}
.clubList2 .panel-heading > h5 > a {display:flex; justify-content:space-between; align-items:center; padding:15px 20px; font-size:16px}
.clubList2 .panel-heading > h5 > a i {flex-shrink:0; width:20px; margin-left:20px}
.clubList2 .panel-heading > h5 > a.collapsed i:before {content:"\f067" !important}
.clubList2 .panel-body {padding:20px}
.clubList2 .clubImg {border:5px solid #ddd}

.regionsMap {overflow-x:auto}
.regionsList {min-width:847px; position:relative; margin:0; padding:0}
.regionsList > li {position:absolute; transition:.3s; list-style:none}
.regionsList > li:hover {transform:scale(1.03)}
.mkChina {top:100px; left:305px}
.mkHongKong {top:197px; left:425px}
.mkTaiwan {top:200px; left:295px}
.mkSouthKorea {top:167px; left:310px}
.mkBelgium {top:33px; left:33px}
.mkCanada {top:100px; left:580px}
.mkFrance {top:152px; left:31px}
.mkGermany {top:117px; left:56px}
.mkusa {top:181px; left:721px}
.mkUK {top:114px; left:6px}

.proList {margin:0; padding:0; margin-left:-15px; margin-right:-15px}
.proList > li {width:calc(33.33% - 30px); border:1px solid #bbb; box-sizing:border-box; margin:15px; word-break:break-all; list-style:none}
.proList > li img {vertical-align:top}
.proList_con {background:#eee; padding:10px; box-sizing:border-box; word-break:break-word}
.proList_con > h5 {font-size:18px; font-weight:700; color:#000; margin-bottom:10px; margin-top:0}
.proList_con .dList {padding-left:20px}
.proList_con .dList > li {font-size:14px; line-height:16px; margin-bottom:5px}
.proList_con .alphaList {padding-left:20px}
.proList_con .alphaList > li {font-size:14px; line-height:16px}

.textstyle_0101 {font-size:18px; font-weight:600; margin-top:15px;margin-bottom:5px; padding:10px}
.textstyle_0101.font-style01 {color:#114733; background:#ddeee8}
.textstyle_0101.font-style02 {color:#19367e; background:#d6e3f3}
.textstyle_0101.font-style03 {color:#c11414; background:#f7e4e4}
.textstyle_0101.font-style04 {color:#de9600; background:#f9eed0}
.textstyle_0101.font-style05 {color:#333; background:#eee}





/* Woosong Online */
.WO_swiperWrap {background:url('/site/endicott/images/WO_swiperWrap_bg.jpg') center center #eee no-repeat; background-size:cover}
.WO_swiper {max-width:1140px; margin:0 auto}
.WO_swiperWrap .swiper-slide {display:flex; align-items:center; justify-content:center; height:100%; /* max-height:700px*/ position:relative}
.WO_swiperWrap .swiper-button-next:after, .WO_swiperWrap .swiper-button-prev:after {color:#fff; font-size:60px}
.WO_swiperWrap .swiper-button-prev {left:20px}
.WO_swiperWrap .swiper-button-next {right:20px}
.WO_swiperText {position:absolute; top:0; left:0; width:100%; height:100%; z-index:999}
.WO_swiperText .inner {margin:100px 0 0 110px; max-width:850px}
.WO_swiperText .inner > h2 {letter-spacing:0.75px; color:#fff; font-size:80px; font-weight:700; line-height:110%; margin-bottom:40px; text-shadow:3px 3px 3px rgba(0,0,0,0.3)}
.WO_swiperText .inner > h3 {letter-spacing:0.75px; color:#fff; font-size:26px; font-weight:400; line-height:120%; text-shadow:3px 3px 3px rgba(0,0,0,0.3)}
.iframeBlank {position:absolute; top:0; left:0; width:100%; height:100%; z-index:99; background:rgba(0,0,0,0.7); opacity:0; display:none}
.WO_tab {/*background:url('/site/endicott/images/WO_tab_bg.jpg') center center no-repeat; background-size:cover;*/background:#eee; padding:0 15px}
.WO_tab .inner {max-width:1140px; margin:0 auto; height:220px; display:flex; align-items:center; justify-content:center}
.WO_tabBtn {display:inline-flex; align-items:center; justify-content:center; width:100%; max-width:250px; height:100px; background:#fff; border:2px solid #b72943; margin:0 15px; color:#b72943; font-size:22px; font-weight:500; /*border-radius:15px;*/ transition:.2s}
.WO_tabBtn i {margin-right:10px}
.WO_tabBtn:hover, .WO_tabBtn:focus {background:#b72943; color:#fff}
.WO_Contents {background:url('/site/main_eng/images/campusBg2.webp') center center no-repeat; background-size:cover; width:100%; height:400px; display:flex; align-items:center}
.WO_Contents > .inner {width:100%; max-width:1140px; margin:0 auto; padding:0 15px; display:flex; align-items:center; justify-content:space-between}
.WO_Contents_text {background:rgba(255,255,255,0.8); padding:40px 30px; text-align:center; /*border-radius:15px;*/ flex-shrink:0}
.WO_Contents_text h3 {font-size:45px; font-weight:700; color:#b72943}
.WO_Contents_text p {font-size:22px; font-weight:500; color:#333; line-height:110%; margin-top:30px}
.WO_formWrap {display:flex; width:100%}
.WO_btnStyle {display:inline-flex; align-items:center; justify-content:center; width:240px; height:100px; background:#b72842; color:#fff; margin:0 10px; font-size:22px; /*border-radius:10px;*/ font-weight:400; transition:.2s; border:4px solid #651212}
.WO_btnStyle i {margin-left:10px}
.WO_btnStyle:hover, .WO_btnStyle:focus {background:#9f0722; color:#fff}

/*requestForm*/
.requestFormWrap {position:relative}
.requestForm {display:none; position:absolute; bottom:100%; left:10px; width:350px; padding:30px; background:#fff; border:2px solid #b72842; box-sizing:border-box; /*border-radius:15px;*/ z-index:9999}
.requestForm2 {display:none; position:absolute; bottom:100%; left:10px; width:350px; padding:30px; background:#fff; border:2px solid #b72842; box-sizing:border-box; /*border-radius:15px;*/ z-index:9999}
.requestForm.active {display:block}
.requestStepCon1 {display:block; min-height:440px}
.requestStepCon2 {display:none; min-height:370px}
.requestForm h3 {font-size:22px; font-weight:700}
.requestStatus {display:flex; justify-content:space-between; align-items:center; margin:10px 0 15px 0}
.requestStatus_info {font-size:14px; font-style:italic}
.requestStatus_steps {font-size:14px; color:#3B3838}
.requestStatus_steps strong {color:#C51219; font-weight:400}
.requestTxt {font-size:14px; font-weight:500; margin-bottom:7px}
.requestBtnWrap {position:absolute; bottom:20px; width:100%; left:0; box-sizing:border-box; padding:0 30px}
.requestBtn {display:flex}
.requestBtn_next {display:inline-block; text-align:center; width:135px; height:45px; line-height:45px; background:#b72842; color:#fff; transition:.3s; /*border-radius:5px*/}
.requestBtn_next i {margin-left:10px}
.requestBtn_next:hover {color:#fff; transform:scale(1.1)}

.WO_Contents_text_wrap {width:100%; max-width:500px; margin-left:50px}
.WO_Contents2 {height:auto; padding:40px 0}
.requestFormWrap2 {background:#fff; padding:20px}

/* input */ 
.requestInput {border:1px solid #ccc; color:#333; padding:0 10px; width:100%; height:40px; line-height:40px; box-sizing:border-box; font-size:12px; font-weight:500; vertical-align:baseline; -webkit-appearance:none; -moz-appearance:none; appearance:none; /*border-radius:4px*/}
.requestInput::placeholder {color:#aaa; font-size:12px; font-weight:500}
.requestInput:focus {outline:2px solid #C51219}
.requestSelect {border:1px solid #ccc; color:#333; padding:0 10px; width:100%; height:40px; line-height:40px; box-sizing:border-box; font-size:14px; font-weight:400; vertical-align:baseline; background:url('../images/selectArw.png') #fff no-repeat right 10px center; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none}
.requestSelect::-ms-expand {display:none}
.requestSelect:focus {outline:2px solid #C51219}

.brochureBox {background:#eee; text-align:center; padding:20px; border-radius:5px}
.brochureBox img {height:200px; margin:0 auto}
.brochureDownBtn {display:flex; align-items:center; justify-content:center; width:100%; height:50px; background:#b72842; color:#fff; margin-top:15px; border-radius:4px; border:none}
.brochureDownBtn i {margin-left:10px}
.brochureDownBtn:hover {background:#9f0722; color:#fff}

.WO_mainCon {margin:50px 0}
.WO_mainCon > .inner {max-width:880px; margin:0 auto; text-align:center; padding:0 15px}
.WO_mainCon > .inner > h2 {letter-spacing:0.75px; color:#333; font-size:54px; font-weight:700; line-height:110%; margin-bottom:30px}
.WO_mainCon > .inner > h3 {color:#333; font-size:20px; font-weight:500; line-height:120%}

.WO_mainVideo {margin:20px 0 50px 0}
.WO_mainVideo > .inner {max-width:1140px; margin:0 auto; text-align:center; display:flex; align-items:flex-start}
.WO_mainVideo > .inner > div {margin:0 10px}
.WO_mainVideo > .inner > div a img {transition:.3s}
.WO_mainVideo > .inner > div a p {margin:10px 0 5px 0; font-size:18px; color:#000}
.WO_mainVideo > .inner > div a span {color:#b72842}
.WO_mainVideo > .inner > div a:hover img {-webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}

.inner2073 {max-width:1035px; margin:0 auto; padding-right:15px; padding-left:15px}
.ckin__overlay:before {background:none}
.compact {border-radius:0; box-shadow:none}
.ckin__player {margin-bottom:0}
.videoPopStyle .modal-dialog {top:10%; width:100%; margin:30px auto}
.videoPopStyle .modal-content {border:none !important; background-color:rgba(255,255,255,0) !important; box-shadow:none !important; padding:15px}
.videoPopStyle .modal-header {border-bottom:none; justify-content:flex-end; padding:0}
.videoPopStyle .modal-header .videoPopStyleClose {font-size:34px; color:#fff}
.videoPopStyle .modal-header > .modalClose:before, .videoPopStyle .modalClose:after {display:block; content:""; position:absolute; left:0; top:70px; width:1px; height:20px; background:#fff}
.videoPopStyle .modal-body {padding:0}
.videoPopStyle .modalClose:before, .videoPopStyle .modalClose:after {display:block; content:""; position:absolute; left:10px; top:0; width:1px; height:20px; background:#fff}
.videoPopStyle .modalClose:before {transform:rotate(45deg)}
.videoPopStyle .modalClose:after {transform:rotate(-45deg)}
video[poster] {width:100%; height:100%}
.volume, .fullscreen, .default__button.toggle {display:none}

.linkColorTxt {color:#b72842}
.linkColorTxt:hover, .linkColorTxt:focus {color:#b72842}

/* 반응형 */
@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:#b72943}
	#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:#830712; color:#fff}
	#header-Gnb section > .gnb > li.active > a {background:#830712; 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%)}
	#CategoryWrap2 section {padding-right:15px; padding-left:15px}
	.proList {margin-left:-10px; margin-right:-10px}
	.proList > li {width:calc(50% - 20px); margin:10px}
}
@media screen and (max-width:1024px) {
	.WO_swiperText .inner {max-width:100%; margin:80px 100px 0 100px}
	.WO_swiperText .inner > h2 {font-size:60px}
	.WO_swiperText .inner > h3 {font-size:18px; font-weight:300}
	.WO_tab .inner {flex-wrap:wrap; height:auto; padding:30px 0}
	.WO_tabBtn {max-width:calc(50% - 30px); margin:10px; height:90px}
	.WO_Contents {height:auto; padding:50px 0}
	.WO_Contents > .inner {justify-content:center; flex-wrap:wrap}
	.WO_formWrap {justify-content:center}
	.WO_Contents_text {width:100%; max-width:500px; margin-top:30px}
	.WO_Contents_text_wrap {width:100%; max-width:500px; margin-left:0px}
}
@media screen and (max-width:900px) {
	/*#header-Top {display:none}*/
	#header-Gnb .search {display:none}
	.UtillMobile {display:block; padding:15px}
	.UtillMobile a {color:#fff; background:#1e5aa0; display:block; text-align:center; padding:8px 0; border-radius:5px; font-size:13px; margin:3px 0}
	.UtillMobile hr {margin:6px 0}
	.majorFlex1 > div:nth-child(1), .majorFlex1 > div:nth-child(2) {width:100%; margin:0}
	.majorFlex1 > div:nth-child(2) {margin-top:30px}
	.statsWrap > section [class|="col"], .middleSecWrap > section [class|="col"] {margin:0}
	.statsWrap > section [class|="col"]:nth-child(2), .middleSecWrap > section [class|="col"]:nth-child(2) {margin:15px 0}
	.collegeMainVisual h3 {margin-bottom:150px}
	.collegeProgramsList {flex-wrap:wrap}
	.collegeProgramsList > div, .collegeProgramsList > a {font-size:18px; padding:15px; width:100%; margin-bottom:10px}
}
@media screen and (max-width:768px) {
	/*#header-Top {overflow-x:scroll}*/
	/*#header-Top section {width:800px}*/
	/*#header-Top section .headerTopRight {float:left}*/
	#header-Top section .headerTopLeft li, #header-Top section .headerTopRight li {padding:0px 7px}
	#MainVisualWrap .MainVisual {height:450px}
	#MainVisualWrap .MainVisualTxt > div h2 {font-size:40px}
	#MainVisualWrap .MainVisualTxt > div p {font-size:16px}
	.majorMainTab li a {padding:16px 0; font-size:15px; width:100% !important}
	.proList {margin-left:0px; margin-right:0px}
	.proList > li {width:100%; margin:10px 0}
	.iframeBlank {opacity:0}
	.WO_swiperWrap .swiper-slide {flex-wrap:wrap}	
	.WO_swiperText {position:relative; order:2}
	.WO_swiperText .inner {margin:0; padding:20px 20px 40px 20px}
	.WO_swiperText .inner > h2 {font-size:42px; color:#b72842; margin-bottom:20px; text-shadow:none}
	.WO_swiperText .inner > h3 {font-size:16px; color:#333; text-shadow:none}
}
@media screen and (max-width:680px) {
	.WO_swiperWrap .swiper-button-next:after, .WO_swiperWrap .swiper-button-prev:after {font-size:40px}
}
@media screen and (max-width:560px) {
	.WO_tab .inner {padding:20px 0}
	.WO_tabBtn {height:80px; font-size:20px}
}
@media screen and (max-width:500px) {
	.WO_swiperWrap .swiper-button-next:after, .WO_swiperWrap .swiper-button-prev:after {font-size:40px}
	.WO_formWrap {flex-wrap:wrap}
	.WO_btnStyle {width:100%; margin:5px 0; height:70px}
	.requestFormWrap {width:100%}
	.WO_mainVideo > .inner {flex-wrap:wrap}
	.WO_mainVideo > .inner > div {margin:0 15px 30px 15px}
}
@media screen and (max-width:425px) {
	#CategoryWrap section > ul > li {font-size:12px; padding-right:15px; margin-right:10px}
	#CategoryWrap2 section > ul > li {font-size:12px; padding-right:15px; margin-right:10px}
	.WO_tabBtn {max-width:100%; margin:5px 0; height:70px}
	.requestForm {left:0; width:100%}	
	.WO_Contents_text {padding:30px 30px}
	.WO_Contents_text h3 {font-size:40px}
	.WO_Contents_text p {font-size:18px; margin:10px 0 0 0}
	.WO_mainCon {margin:30px 0}
	.WO_mainCon > .inner > h2 {font-size:40px; margin-bottom:20px}
	.WO_mainCon > .inner > h3 {font-size:18px}
	.WO_btnStyle {font-size:20px}
	.WO_mainVideo {margin:0px 0 30px 0}
}
@media screen and (max-width:375px) {
}
@media screen and (max-width:363px) {
	#header-Top section .headerTopLeft li, #header-Top section .headerTopRight li {padding:0px 3px}
}