/*
Theme Name: iDea - Clean & Powerful Bootstrap Theme
Author: HtmlCoder
Author URI: http://www.htmlcoder.me
Author e-mail: htmlcoder.me@gmail.com
Version: 1.3
Created: August 2014
License URI: http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

/* Tables
---------------------------------- */
.betwix .table:not(.table-bordered) {
	border-bottom: 2px solid #515151;
}
.betwix .table > thead > tr > th {
	border-bottom: 1px solid #27272a;
	background-color: #27272a;
	color: #cdcdcd;
}
.betwix tbody {
	background-color: transparent;
}
.betwix .table > thead > tr > th,
.betwix .table > tbody > tr > th,
.betwix .table > tfoot > tr > th,
.betwix .table > thead > tr > td,
.betwix .table > tbody > tr > td,
.betwix .table > tfoot > tr > td {
	border-top: 1px solid #515151;
}
.betwix .table-hover > tbody > tr:hover {
	background-color: #27272a;
}
.header {
	padding: 20px 0;
}
	.header.betwix {
	position:fixed;
	z-index:33;
	
	}
/* 2 Layout
----------------------------------------------------------------------------- */
.header-top.betwix {
	background-color: #27272A;
	border-bottom: 1px solid #000000;
	color: #cdcdcd;
}
@media (min-width: 768px) { 
	:not(.fixed-header-on) .header.transparent {
		position: absolute;
		width: 100%;
		z-index: 30;
		background-color: rgba(255,255,255,0.3);
		border-color: transparent;
	}
	:not(.fixed-header-on) .betwix.header.transparent {
		background-color: rgba(0,0,0,0.3);
	}	
}
.betwix-bg {
	background-color: #000000;
	color: #ffffff;
}
.betwix-bg h1,
.betwix-bg h2,
.betwix-bg h3,
.betwix-bg h4,
.betwix-bg h5,
.betwix-bg h6 {
	color: #ffffff;
}
.betwix-bg a:not(.btn) {
	color: #fff;
	text-decoration: underline;
}
.betwix-bg a:not(.btn):hover {
	color: #fff;
	text-decoration: none;
}
.betwix-bg.text-muted,
.betwix-bg.text-muted h1,
.betwix-bg.text-muted h2,
.betwix-bg.text-muted h3,
.betwix-bg.text-muted h4,
.betwix-bg.text-muted h5,
.betwix-bg.text-muted h6,
.gray-bg.text-muted,
.gray-bg.text-muted h1,
.gray-bg.text-muted h2,
.gray-bg.text-muted h3,
.gray-bg.text-muted h4,
.gray-bg.text-muted h5,
.gray-bg.text-muted h6 {
	color: #999999;
}
/* Parallax effect
---------------------------------- */
.no-touch .betwix-translucent-bg,
.no-touch .parallax {
	background-attachment: fixed !important;
}
.betwix-translucent-bg,
.parallax {
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
}
.parallax {
	background-position: 50% 0;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
	padding: 50px 0;
}
.betwix-translucent-bg {
	background-position: 50% 0;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
}
.betwix-translucent-bg:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}
.slider-banner-container .betwix-translucent-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0!important;
	left: 0!important;
	margin: 0!important;
	bottom: 0;
}
.slider-banner-container li .betwix-translucent-bg:after {
	background-color: transparent;
}
.betwix-translucent-bg:after {
	background-color: rgba(0, 0, 0, 0.7);
}
.betwix-translucent-bg,
.betwix-translucent-bg h1,
.betwix-translucent-bg h2,
.betwix-translucent-bg h3,
.betwix-translucent-bg h4,
.betwix-translucent-bg h5,
.betwix-translucent-bg h6 {
	color: #ffffff;
}
.betwix-translucent-bg a:not(.btn) {
	text-decoration: underline;
	color: #ffffff;
}
.betwix-translucent-bg a:not(.btn):hover {
	text-decoration: none;
	color: #ffffff;
}
.betwix-translucent-bg .container {
	z-index: 3;
	position: relative;
}
.parallax-bg {
	background: url("../images/parallax-bg.jpg") 50% 0px no-repeat;
}
.parallax-bg-2 {
	background: url("../images/parallax-bg-2.jpg") 50% 0px no-repeat;
}
.parallax-bg-3 {
	background: url("../images/parallax-bg-3.jpg") 50% 0px no-repeat;
}
.fixed-header-on .betwix.header.fixed {
	border-bottom: 1px solid #36373C;
	background-color: rgba(54, 55, 60, 0.95);
}
.betwix-bg .separator-2 {
	background-color: #999999;
}
/* betwix Buttons */
.btn-betwix {
	color: #f1f1f1;
	background-color: #333333;
	border-color: #333333;
}
.btn-betwix:hover,
.btn-betwix:focus,
.btn-betwix:active,
.btn-betwix.active,
.open .dropdown-toggle.btn-betwix {
	color: #ffffff;
	background-color: #666;
	border-color: #666;
}
.link-betwix { 
	color: #333333;
	text-decoration: none!important;
}
.link-betwix:hover { 
	color: #333333;
	text-decoration: underline!important;
}
#footer:not(.light) .link-betwix {
	color: #cdcdcd;
}
#footer:not(.light) .link-betwix:hover {
	color: #cdcdcd;
}
/* Forms
---------------------------------- */
.betwix .dropdown .active>a>.badge,
.betwix .dropdown a:hover .badge,
.betwix .dropdown .open > a > .badge {
	border-color: #3d3d3d!important;
}
/* Forms in all backgrounds */
.betwix-bg .form-control {
	background-color: rgba(255, 255, 255, 0.20);
	border-color: #000;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);
	color: #999999;
}
.betwix-bg .input-group-addon {
	background-color: rgba(255, 255, 255, 0.20);
	border-color: #000;
}
.betwix-bg .form-control:focus {
	background-color: rgba(255, 255, 255, 0.25);
}
.betwix .header-top-dropdown .form-control {
	background-color: rgba(255, 255, 255, 0.20);
	border-color: #333;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);
	color: #cdcdcd;
}
.betwix .header-top-dropdown form i {
	color: #cdcdcd;
}
.betwix .header-top-dropdown .form-control:focus {
	background-color: rgba(255, 255, 255, 0.25);
}
.betwix-bg select.form-control {
	color: #666666;
}
.panel-betwix .panel-heading a,
.panel-betwix .panel-heading a:hover {
	background-color: #333333;
}
.progress-bar-betwix {
	background-color: #333333;
}
/*transparent header*/
.header.transparent:not(.betwix) .navbar-nav > .open > a,
.header.transparent:not(.betwix) .navbar-nav > .open > a:hover,
.header.transparent:not(.betwix) .navbar-nav > .open > a:focus,
.header.transparent:not(.betwix) .dropdown-menu {
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	border-color: rgb(250, 250, 250)!important;
}

@media (min-width: 768px) { 
	.header.transparent:not(.betwix) .navbar-nav > li:not(.active) > a {
		color: #333333;
	}
}
.transparent.header:not(.betwix) .dropdown>a:before { 
	color: #666666;
}
.dropdown .dropdown.open>a:before,
.transparent.header:not(.betwix) .dropdown .dropdown.open>a:before {
	color: #e84c3d;
}

/*betwix Navigation*/
.betwix.header .navbar.navbar-default { /* 모바일메뉴바 색상 변경시 */
/*	background-color: #27272A;*/ 
/*	border-color: #1f1f1f;*/
}

/* betwix navigation first level active menu items on hover/focus */
.betwix.header .navbar-default .navbar-nav > .active > a, 
.betwix.header .navbar-default .navbar-nav > .active > a:focus {
	color: gold;
}
/* betwix navigation first level active menu items when opened */
.betwix.header .main-navigation .navbar-nav > .open > a,
.betwix.header .main-navigation .navbar-nav > .open > a:hover,
.betwix.header .main-navigation .navbar-nav > .open > a:focus { 
	background-color: #27272a;
	border-color: #484848;
	border-bottom-color: #27272a;
	color: #ffffff;
}
/*betwix navigation second level menu items*/
.betwix.header .dropdown-menu {
	background-color: #27272a;
	border: 1px solid #484848;
}
.betwix.header-top .dropdown-menu {
	background-color: #36373c;
	border: 1px solid #3d3d3d;
	border-top-color: #36373c;
}
.betwix.header-top .dropdown-menu .divider { 
	background-color: #454545;
}
.betwix.header .dropdown-menu > li > a {
	color: #cdcdcd;
	border-bottom: 1px solid #3d3d3d;
}
/*betwix navigation second level menu items on focus/hover and when opened */
.betwix.header .dropdown-menu > li > a:hover, 
.betwix.header .dropdown-menu > li > a:focus, 
.betwix.header .nav .open > a,
.betwix.header .nav .open > a:hover, 
.betwix.header .nav .open > a:focus, 
.betwix.header .dropdown-menu > .active > a, 
.betwix.header .dropdown-menu > .active > a:hover, 
.betwix.header .dropdown-menu > .active > a:focus, 
.betwix.header .dropdown-menu .menu > .active > a, 
.betwix.header .dropdown-menu .menu > .active > a:hover, 
.betwix.header .dropdown-menu .menu > .active > a:focus {
	background-color: #36373C;
	color: #ffffff;
}
/*betwix navigation mega-menu items*/
.betwix.header h1,
.betwix.header h2,
.betwix.header h3,
.betwix.header h4,
.betwix.header h5,
.betwix.header h6,
.betwix.header p {
	color: #cdcdcd;
}
.betwix.header .divider {
	background-color: #3d3d3d;
}
.betwix.header .mega-menu .menu > li > a {
	color: #cdcdcd;
	border-bottom: 1px solid #3d3d3d;	
}
/*betwix navigation mega menu menu items on focus/hover and when opened */
.betwix.header .mega-menu .menu > li > a:hover,
.betwix.header .mega-menu .menu > li > a:focus {
	background-color: #36373c;
	color: #ffffff;
}
/* betwix navigation arrows for parent menu items */
.betwix.header .dropdown>a:before {
	color: #e1e1e1;
}
.betwix.header .navbar-default .navbar-nav > .active.dropdown > a:before {
	color: #ffffff;
}
.betwix.header .navbar-default .navbar-nav > .dropdown.open > a:before {
	color: #666666;
}
.betwix.header .dropdown .dropdown>a:before {
	color: #e1e1e1;
}
/* betwix navigation mobile menu toggle button */
.betwix.header .navbar-default .navbar-toggle {
	border-color: #666666;
}

/* betwix navigation mobile menu toggle button on hover/focus */
.betwix.header .navbar-default .navbar-toggle:hover,
.betwix.header .navbar-default .navbar-toggle:focus {
	/* background-color: #36373c;*/ /* 모바일상 메뉴버튼 색상변경시 */
	border-color: #999999;
}
.betwix.header .navbar-default .navbar-toggle .icon-bar {
	background-color: #666666;
}
.betwix.header .navbar-default .navbar-toggle:hover .icon-bar,
.betwix.header .navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #999999;
}
/************ pc 수정시 사이즈 ************/
/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.timeline .timeline-item {
		position:relative;
		width:50%;
		padding-left:0;
		padding-right:40px;
		margin-bottom:80px;
		float:left;
		clear:left;
		z-index:1;
	}
	.timeline .timeline-item:before {
		content:"";
		position:absolute;
		background:#012060;
		height:15px;
		width:15px;
		border-radius:100%;
		top:14px;
		right:-8px;
	}
	.timeline .timeline-item:after {
		content:"";
		font-family:'fontAwesome';
		right:0;
		background:#efefef;
		left:auto;
		position:absolute;
		top:20px;
		z-index-1;
		width:35px;
		height:1px;
	}
	.timeline .timeline-item.pull-right:after {
		right: auto;
		left:0;
	}
	/* first level menu */	
	.betwix.header .navbar.navbar-default {
		background-color: transparent;
		border-color: transparent;
	}
	.betwix.header .navbar-default .navbar-nav > li > a {
		font-family:bmdohyeon; /* 메뉴명색상 및 폰트 변경시 */
		font-weight:100;
		color: #e1e1e1;
	}
}
/************ 모바일 수정시 사이즈 ************/
/* Small devices (tablets, phones less than 767px) */ 
@media (max-width:767px) {
	/* betwix navigation first level menu items */
	.betwix.header .navbar-default .navbar-nav > li > a {
	font-family:bmdohyeon; /* 메뉴명색상 및 폰트 변경시 */
	font-weight:100;
/*	color: #e1e1e1;*/
	}
	/*betwix mobile menu
	------------------------------ */	
	.betwix.header .navbar-default .navbar-collapse, 
	.betwix.header .navbar-default .navbar-form { /* 모바일 메뉴 아이콘 하단 색상변경 시 1차 */
/*		border-color: #1f1f1f;*/
	}
	/*betwix mobile menu
	------------------------------ */
	.betwix.header .navbar-default .navbar-collapse, 
	.betwix.header .navbar-default .navbar-form { /* 모바일 메뉴 아이콘 하단 색상변경 시 2차 */
/*		border-color: #1f1f1f; */
	}
	/* active items */
	.betwix.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.betwix.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.betwix.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
/*		background-color: #36373c;*/
	}
	/* first level items */
	.betwix.header .navbar-default .navbar-nav > li > a { 
		/*border-bottom: 1px solid #3c3c3e;*/ /* 모바일메뉴 하단줄 색상 */
	}

	/* first level active items */ /* 모바일 메뉴 active 색상변경시 */
	.betwix.header .navbar-default .navbar-nav > .active > a, 
	.betwix.header .navbar-default .navbar-nav > .active > a:focus {
		color: tomato;
/*		background-color: #36373C;*/
	}

	/* first level items hover and focus states */ /* 모바일 메뉴 롤오버 색상변경시 */
	.betwix.header .navbar-default .navbar-nav > li > a:hover,
	.betwix.header .navbar-default .navbar-nav > li > a:focus,
	.betwix.header .navbar-default .navbar-nav > .active > a:hover,
	.betwix.header .navbar-default .navbar-nav > .active > a:focus {
		color: #ffffff;
		background-color: #36373c;
	}

	/* first level items when opened */	
	.betwix.header .main-navigation .navbar-nav > .open > a, 
	.betwix.header .main-navigation .navbar-nav > .open > a:hover, 
	.betwix.header .main-navigation .navbar-nav > .open > a:focus	{
		color: #ffffff;
/*		background-color: #36373c;*/
	}

	/* second level menu */
	.betwix.header .navbar-default .navbar-nav .open .dropdown-menu {
/*		background-color: #27272a;*/
		border: none;
	}
	/* second level items */
	.betwix.header .navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.betwix.header .navbar-default .navbar-nav .open .dropdown-menu .dropdown-header {
		color: #cdcdcd;
		border-color: #3c3c3e;
	}
	
	/* second level items on hover/focus */
	.betwix.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.betwix.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ffffff;
/*		background-color: #36373c;*/
	}
	.betwix.header .navbar-default .navbar-nav > .dropdown.open > a:before {
		color: #ffffff;
	}
	.black_btn {
	padding:3% 0;
	}
}
/*betwix offcanvas nav*/
.betwix.offcanvas-container .offcanvas {
	background-color: #27272a;
	border-color: #484848;
}

.betwix.offcanvas-container #offcanvas.in + .offcanvas-toggle-left:after,
.betwix.offcanvas-container #offcanvas.in + .offcanvas-toggle-right:after { 
	color: #e1e1e1;
}
/*First level menu items*/
.betwix.offcanvas-container #offcanvas .navbar-nav > li > a { 
	color: #e1e1e1;
	border-bottom: 1px solid #3d3d3d;
}
.betwix.offcanvas-container #offcanvas .navbar-nav > li.open > a {
	border-bottom: 1px solid #515151!important;
}
.betwix.offcanvas-container #offcanvas .nav .open > a,
.betwix.offcanvas-container #offcanvas .nav .open > a:hover,
.betwix.offcanvas-container #offcanvas .nav .open > a:focus,
.betwix.offcanvas-container #offcanvas .nav > li > a:hover, 
.betwix.offcanvas-container #offcanvas .nav > li > a:focus,
.betwix.offcanvas-container #offcanvas .navbar-nav > li.active > a {
	color: #ffffff;
	background-color: #36373c;
}
/*Second level menu items*/
.betwix.offcanvas-container #offcanvas .dropdown-menu { 
	background-color: #36373c;
}
.betwix.offcanvas-container #offcanvas .dropdown-menu > li > a { 
	border-color: #515151;
	color: #e1e1e1;
}
.betwix.offcanvas-container #offcanvas .dropdown-menu > li > a:hover, 
.betwix.offcanvas-container #offcanvas .dropdown-menu > li > a:focus {
	color: #ffffff;
	background-color: #36373c;
}
/*Nav arrows*/
.betwix.offcanvas-container .dropdown .dropdown.open>a:before {
	color: #ffffff;
}

/*************************************************************************************/
/*************************************************************************************/
/*************************************************************************************/


.about_visual img{
	width:80%;
	height:auto;
	margin:auto;
}
.light_medium_32 {
	color:#14448c;
	font-family:bmdohyeon;
	font-size:1.6em;
	line-height:2em;
	font-weight:400;
}
.service_btn {
	width:263px;
	height:54px;
}
.contact_txt {
	color:#fff;
	font-weight:400;
}
.story_pointer {
	width:25px; 
	height:25px;
	background:#14448c;
	border-radius:50%;
	
.story_stick {
	width:10px;
	height:2px;
	background:#757170;
	float:right;
}

.timeline {
	position:relative;
	padding:40px 0;
}
.timeline .timeline-item {
	padding:15px 0;
}
.margin-clear {
	margin-top:0 !important;
	margin-bottom:0 !important;
}
contact_box1 {
	width:40%;
}
contact_box2 {
	width:60%;
}