@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url( http://fonts.googleapis.com/earlyaccess/nanumgothic.css );

@font-face{
	font-family:"NanumSquareB";
	src:url('/fonts/NanumSquareB.eot');
	src:url('/fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NanumSquareB.woff') format('woff'),
	url('/fonts/NanumSquareB.ttf') format('truetype');
	src:local('?'), url('/fonts/NanumSquareB.woff') format('woff');
}

@font-face{
	font-family:"NanumSquareR";
	src:url('/fonts/NanumSquareR.eot');
	src:url('/fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NanumSquareR.woff') format('woff'),
	url('/fonts/NanumSquareR.ttf') format('truetype');
	src:local('?'), url('/fonts/NanumSquareR.woff') format('woff');
}

body {font-family:"Noto Sans KR", sans-serif; font-size:14px; color:#555}
body {padding-top: 100px; }

.nanumb {font-family:'NanumSquareB';}
.nanumr {font-family:'NanumSquareR';}
.nanum {font-family:'Nanum Gothic';}

.pl_5 {padding-left:5px !important;}
.pl_10 {padding-left:10px !important;}
.pl_15 {padding-left:15px !important;}
.pl_20 {padding-left:20px !important;}
.pl_25 {padding-left:25px !important;}
.pl_30 {padding-left:30px !important;}

.mt_3 {margin-top:3px !important;}
.mt_4 {margin-top:4px !important;}
.mt_5 {margin-top:5px !important;}
.mt_10 {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_30 {margin-top:30px !important;}
.mt_40 {margin-top:40px !important;}
.mt_50 {margin-top:50px !important;}

.mb_20 {margin-bottom:20px !important;}
.mb_30 {margin-bottom:30px !important;}


.space_h10 {clear:both; height:10px !important;}
.space_h15 {clear:both; height:15px !important;}
.space_h20 {clear:both; height:20px !important;}
.space_h30 {clear:both; height:30px !important;}
.space_h40 {clear:both; height:40px !important;}
.space_h50 {clear:both; height:50px !important;}

.clear {clear:both !important;}

.text-center {
    text-align: center;
}
.subspace {
    height: 25px;
    clear: both;
}

.top_Bar {width:100%; height:50px; position:fixed; top:0; z-index:1031; border-bottom:1px dotted #ddd; background:#fff;}

@media (max-width:767px){
	body {font-size:12px;}
}
.top_Bar_off{
	display:none;
transition: all 0.5s !important;
-moz-transition: all 0.5s !important; /* Firefox 4 */
-webkit-transition: all 0.5s !important; /* Safari and Chrome */
-o-transition: all 0.5s !important; /* Opera */
}
.navbar-default_off {
	top:0 !important;
transition: all 0.5s !important;
-moz-transition: all 0.5s !important; /* Firefox 4 */
-webkit-transition: all 0.5s !important; /* Safari and Chrome */
-o-transition: all 0.5s !important; /* Opera */
}

span.topBar {color:#fff; display:inline-block; padding-top:10px; font-weight: 300; letter-spacing: 0.02em; padding-left: 2px; font-size: 13px;}
span.topBar span {font-family:'Nanum Gothic', sans-serif; font-size:12px;}
span.topBar a {color:#fff;}
span.topBar a:hover {color:#0097cc}

span.topBar_r {float:right; color:#e5e5e5; display:inline-block;}
span.topBar_r span.line {font-size:12px; font-family:sans-serif; color:#7f7f7f; padding:0 10px;}
span.topBar_r a {color:#222; font-family:'Nanum Gothic', sans-serif; font-size:13px; padding:16px 0; margin-left:25px; display:inline-block; position:relative;}
span.topBar_r a:after {position:absolute; left:-14px; top:20px; width:1px; height:10px; background:#ddd; content:'';}
span.topBar_r a:first-child:after {display:none;}
span.topBar_r a:hover {color:#000}

.sitemapIcon {font-size: 21px; color: #1abac2;}
.searchBar {height: 30px; margin-top: 2px;}
.select-box {
	height: 30px;
    border-radius: 0;
    max-width: 230px;
    padding: 4px 10px;
    box-shadow: none !important;
    margin: 10px 0;
}
.pl_5 {padding-left:5px;}
.mr_10 {margin-right:10px;}
.pt_30 {padding-top:30px}
.w_90 {width:90%; margin:0 auto;}

#search_text {border-radius:0; box-shadow:none;}
#searchForm .searchBtn {border-radius: 4px; padding: 4px 15px !important; margin-top: 2px; border-radius:0; outline:none; box-shadow:none; border-color:#777; color:#777;}
#searchForm .searchBtn :active:focus, #searchForm .searchBtn :active:hover {color:#fff; background:#777; border-color:#777}

.hidden {display: none!important;}

@media (min-width:768px) {
	div.loginBox {display:none !important;}
	
	ul.nav li.dropdown:hover > ul.dropdown-menu{     display: block;     margin: 0; }
	.navbar-nav>li {color:#222; border-top:3px solid #fff}
	.navbar-nav>li.sitemap:hover {border-color:#fff;}
	.navbar-nav>li:hover{ border-top:3px solid #033d54}
	.dropdown-menu {border-top-color:#ededed;}
}

@media (max-width:767px) {
	.loginBox {position:fixed; z-index:999999; top:27px; right: 70px;}
	.loginBox a {color:#333; font-size:13px;}
	span.topBor i {display:none;}
	.sitemapIcon {display:none;}
	.searchBtn {width:20%; padding:4px 0; text-align:center;}
	.searchBar {width:79% !important; float:left; margin-right:1%}
	.formnavBar {float:none !important; margin-top:-23px;}
	.formnavBar .form-group {width:100%;}
	.navbar-fixed-top {top:0px;}
	body {padding-top:100px;}
	
	.select-box {margin-bottom:0}
	#searchForm {margin-top:0; padding-top:5px;}
	#searchForm .searchBar {height:30px;}
	
	.top_Bar {height:38px;}
	span.topBar {display:none;}
	span.topBar_r a {padding:10px 0; font-size:12px;}
	span.topBar_r a:after {top:13px;}
}

.oddnum {
    background: #2f6484;
    float: left;
    text-align: center;
	padding:20px;
	border:1px solid #ddd;
	border-bottom:none;
}
.oddnum img {height:70px;}
.oddnum_b {
    background: #43a189;
    float: left;
    text-align: center;
	padding:20px;
	border:1px solid #ddd;
	border-bottom:none;
}
.oddnum_b img {height:70px;}


.top_link {
	width:100%;
	background:#c1ccd2;
	padding: 0px !important;
}

.middle_link {
	width:100%;
    padding: 25px 0 20px 0;
	background:#102740;
}
.middle_link ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: table;
    width: 100%;
}
.middle_link li {width:25%; border-left:1px solid #3f4a54; display:table-cell; vertical-align:top;}
.middle_link li:first-child {border:none;}
.middle_link a {display:block; color:#bfc3c6; text-decoration:none;}
.middle_link a img {margin:0 auto; display:block; max-width:44px; height:auto;}
.middle_link p{color:#ddd; padding-top:10px}

.m_calculation_box {width:100%; padding:25px 0; background:#eee;}

.m_calculation_box button {
    color: #fff;
    background: #305f7d;
    font-size: 14px;
    padding: 8px 0px;
    outline: none;
    margin-left: 10px;
    width: 100px;
    border: none;
}
.m_calculation_box .calculation_input {
    display: inline-block;
    padding: 8px 5px;
	max-width:400px;
	min-width:200px;
    border: 1px solid #ccc;
    background: #ccc;
}
.m_calculation_box ul {width:100%;}
.m_calculation_box ul li {
    text-decoration: none;
    list-style: none;
    padding-left: 0px;
    text-align: center;
    float: left;
    padding: 8px 0;
    font-size: 14px;
    background: #305f7d;
    color: #fff;
	width:33.33333333%;
}

.m_calculation_box a {
    color: #FFF;
    text-decoration: none;
}
.m_calculation_title {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 17px;
    font-family: "NanumSquareR";
}

.m_calculation_box .calculation_result {
    font-size: 1.5em;
    margin-bottom: 20px;
	margin-top:10px;
    text-align: center;
}


.calculation_box button {
    color: #fff;
    background: #305f7d;
    font-size: 14px;
    padding: 8px 0px;
    outline: none;
    margin-left: 10px;
    width: 100px;
    border: none;
}
.calculation_box .calculation_input {
    display: inline-block;
    padding: 8px 5px;
    border: 1px solid #ccc;
    background: #ccc;
}
.calculation_box ul {width:100%; margin:0 auto}
.calculation_box ul li {
    text-decoration: none;
    list-style: none;
    padding-left: 0px;
    text-align: center;
    float: left;
    padding: 8px 0;
    font-size: 14px;
    background: #305f7d;
    color: #fff;
	width:33.33333333%;
}

.calculation_box a {
    color: #FFF;
    text-decoration: none;
}
.calculation_title {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
	margin-top:15px;
    font-family: "NanumSquareR";
}

.calculation_box .calculation_result {font-size:20px; text-align:center; margin-bottom:10px; margin-top:10px}


.calculation_vat {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
    font-family: "NanumSquareR";
}
.subContent p.b {
    content: '';
    width: 28px;
    height: 3px;
    font-size: 16px;
    font-weight: bold;
    background: #597f97;
    word-break: keep-all;
    line-height: 140%;
    margin-bottom: 35px;
}
.subContent p.b span {
    padding-top: 10px;
    width: 300px;
	display:inline-block;
	color:#102740;
	font-size:16px !important;
}

.page_topimg {width:100%; text-align:center; font-size:28px; font-weight:bold; padding:50px 0; margin-bottom:0px}


.box3 {
    width: 100%;
    background: url(/img/contact_bg.png) repeat;
	min-height:260px;
	max-height:352px;
}
.contact_title {
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    padding-top: 24px;
    color: #FFF;
    font-family: "NanumSquareR";
}
.contact_phone {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #FFF;
    font-family: "NanumSquareR";
}
.contact_kakao {
    float: left;
    text-align: center;
    width: 50%;
    border-right: 1px solid #6f8fa4;
    font-family: "NanumSquareR";
}
.contact_kakao a {
    color: #FFF;
    text-decoration: none;
}
.contact_kakao_name {
    margin-top: 8px;
    margin-bottom: 0px;
    color: #FFF;
    text-align: center;
    font-family: "NanumSquareR";
}
.contact_blog {
    float: right;
    text-align: center;
    width: 50%;
    font-family: "NanumSquareR";
}
.contact_blog_name {
    margin-top: 8px;
    margin-bottom: 0px;
    color: #FFF;
    text-align: center;
    font-family: "NanumSquareR";
}

.blog_tbox {margin-top:30px}
.blog_tbox .typo {
    border-top: 5px solid #1c3b72;
}
.blog_tbox h2 {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    letter-spacing: -1.5px;
    line-height: 140%;
}
.blog_tbox h2 a {
    color: #333;
    text-decoration: none;
}
.blog_tbox .text a {
    color: #333;
    text-decoration: none;
	font-size:15px;
}





h3.heading {
    color: #305f7d;
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    margin: 0 0 10px;
    position: relative;
    text-transform: capitalize;
    overflow: hidden;
    vertical-align: middle;
}
h3.heading:after {
    position: relative;
    left: 18px;
    content: "";
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    height: 1em;
    margin: -27px -200% 0 0;
    border-bottom: 1px solid #305f7d;
}

.about_bigtext {width:100%; background:#305f7d; padding:15px 0; text-align:center; font-size:32px; color:#FFF; font-weight:500; margin-top:50px; margin-bottom:25px}
.about_mtextbox {width:100%; border-bottom:5px solid #305f7d; display:inline-block}
.about_mtextbox . textbox{width:100%; padding:20px; float:left}
.about_copyright {text-align:right; color:#000; font-weight:700}

.bg-img1 {
	background-image: url(../images/bg-img.jpg);
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.bg-img2 {
	background-image: url(../images/bg-img2.jpg);
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.page-img1 {
	background-image: url(/img/pageimg01.png);
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
}
.page-img2 {
	background-image: url(../images/page-img2.jpg);
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.page-img3 {
	background-image: url(../images/page-img3.jpg);
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.page-img4 {
	background-image: url(../images/page-img4.jpg);
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.page-img5 {
	background-image: url(../images/page-img5.jpg);
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.page-img6 {
	background-image: url(../images/page-img6.jpg);
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


.process_box {background:#e0e0e0; text-align:center;}
.process_number {position:absolute; left:15px}
.process_namebox {padding:30px 0 20px}
.process_name {margin-top:10px; font-size:18px}
.process_ex {padding:15px; font-size:14px; background:#c7c7c7; text-align:left}
.process_ex2 {padding:15px 15px 5px 15px; border:1px solid #c7c7c7; background:#fff; text-align:left}
.process_ex2 p {font-size:14px;}
.cont {background:#0098c7; font-size:12px; color:#FFF; padding:3px; border-radius:5px}



/* Quick Sidebar */

#sideBar{
	position:fixed;
	z-index:9999999999999;
	width: auto;
	height: 400px;
	right:17px;
}

#sideBarTab{
	float:left;
	height:40px;
	width:40px;
	position:relative;
	top:0;
}

#sideBarTab img{
	border:0px solid #FFFFFF;
}

#sideBarContents{
	 border: 10px solid #033d54;
	float:left;
	overflow:hidden !important;
	width:280px;
	background:#e3e3e3;	
}
#sideBarContentsInner .title {
	font-size: 17px;
    color: #fff;
    margin: 0 0 15PX;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    background: #033d54;
    padding: 15px;
}
#sideBarContentsInner .title span {color:#f3c402}

#sideBarContentsInner .tableBox {padding:0 15px;}
#sideBarContentsInner .tableBox th {font-size:13px; letter-spacing:-0.03em; color:#333; text-align:left; padding-right:7px;}
#sideBarContentsInner .tableBox th, .tableBox td {padding-bottom:3px;}
#sideBarContentsInner .tableBox input {width:100%; padding:6px 10px 7px; outline:none; border: solid #fff 1px;
	-webkit-padding-before:5px;
	-webkit-padding-end:7px;
	-webkit-padding-after:5px;
	-webkit-padding-start:7px;
}
#sideBarContentsInner .tableBox textarea {width:100%; border-color:#fff; outline:none;}
#sideBarContentsInner .tableBox .agreeboxok {width:100%; padding:5px; text-align:center; color:#888; background:#fff; border:none; font-size:12px; cursor:pointer; height:28px; margin-top:2px; position:relative;}
#sideBarContentsInner .tableBox .agreeboxok input {right: 30px; top: 3px; position: absolute; width: auto;}
#sideBarContentsInner .tableBox .button {display:block; text-align:center; outline:none; width:100%; color:#fff; background:#a5a5a5; padding:5px 0; font-size:13px; font-weight:bold; margin-top:2px;}
#sideBarContentsInner .tableBox button.btn {
	width: 100%;
    margin: 5px 0 0;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    background: #333;
	border-radius:0;
}
#sideBarContentsInner .tableBox button.btn:hover {background:#028fd2 !important; color:#fff !important;}
@media(max-width:767px) {
	#sideBar {display:none;}
}


.phonearea {display: none;}
.m_form {display: none;}

@media(max-width:767px) {
	.phonearea {display: block; margin-top:10px; padding-bottom:10px}
	.m_form {display: block; margin-top:10px; margin-bottom:30px; padding-bottom:10px}
	#sideBarContents {width:100%}
	#sideBarContents table {width:100%}
}






/*--------------------
1. General
--------------------*/

body {
	margin: 0px;
}

nav {background:#fff; border-bottom:1px solid #ededed !important;}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	letter-spacing: -0.4px;
	color: #232323;
}

.space_h20 {height:20px; clear:both;}
.space_h30 {height:30px; clear:both;}
.space_h40 {height:40px; clear:both;}
.space_h60 {height:60px; clear:both;}

p.right {text-align:right; float:right;}
.dark-bg p {
color: #dfdfdf;	
}
.orange-bg p {
color: #fff;
opacity:0.6;
}

a:hover, a:focus, a:active, a.active {
	color: #028fd2; text-decoration:none;;
}
a, a:hover, a:focus, a:active, a.active {
	outline: 0; color: #028fd2;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

::selection {
	text-shadow: none;
	background: #efefef;
}
section {
	padding: 80px 0;
}

ul {
	padding-left: 0;
	padding-top: 10px;	
}

ul li {
    list-style: none;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: -0.2px;
    color: #555;
}

section ul li:before {
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
	padding-right: 7px;
	color: #23AD21;
}
@media (max-width: 767px) {
	.flex-direction-nav {display:none;}
	section {
		padding: 60px 0 15px !important;
	}
}
/*--------------------
1.1 Reset bootstrap
--------------------*/

.row-0-gutter {
    margin-left: -13px;
    margin-right: -13px;
}

.col-0-gutter {
	padding-left: 0;
	padding-right: 0;
}

/*--------------------
2. Navigation
--------------------*/

.navbar-default {
	border-color: transparent
}
.navbar-default .navbar-brand {
	color: #fff;
	padding: 10px 0 10px 10px;
	height:auto;
}

.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active {
	color: #00349a;
}
.navbar-default .navbar-collapse {
	border-color:none;
}
.navbar-default .navbar-toggle {
	background-color: #fff;
	border-color: #fff
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #000
}
.navbar-default .nav li a {
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 1px;
	color: #222;
	font-weight:bold;
	margin-top:0;
}
.navbar-default .nav li.sitemap a {padding:0; margin:26px 0 0 25px; min-width:auto;}
.navbar-default .nav li>ul>li {border-bottom: 1px solid #ededed;}
.navbar-default .nav li>ul>li>a {color:#444 !important; padding:12px 18px !important; font-size:12px; font-weight:normal !important; text-align:left}
.navbar-default .nav li>ul>li>a:hover {color:#1abac2}
.navbar-default .nav li a:hover, .navbar-default .nav li:hover a{
	color: #033d54;
	outline: 0
}

.navbar-default .navbar-nav>.active>a {
	border-radius: 0;
	color: #fff;
	background-color: #0097cc
}
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
	color: #fff;
	background-color: #fec503
}
.cta_text {margin-bottom:20px;
    color: #444;
    font-weight: 400;}

@media (min-width:768px) {
	.w900 {width:900px !important;}
	.navbar-default
	{	
		top:0;
		-webkit-transition:padding .3s;
		-moz-transition:padding .3s;
		transition:padding .3s;
		border:0;
		box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	}
	.navbar-default .navbar-nav>.active>a {
		border-radius: 3px
	}
	.navbar-default.navbar-shrink {
		background-color: #fff;

	}
	.navbar-default.navbar-shrink .navbar-brand {
		font-size: 1.5em;
	}
	.navbar-default .nav li a {text-align:center;}
}
@media (max-width:991px) {
	.navbar-nav>li>a {padding: 24px 12px;}
}

/*--------------------
3. Header
--------------------*/

header {
    margin:0;
}

.owl-slider-item {
	position: relative;
	background-color: #000;
}
.owl-slider-item img {
	opacity: 0.7;
}
.owl-slider .owl-controls {
	position: absolute;
	left: 0;
	top: 38%;
	width: 100%;	
}

.owl-slider .owl-controls .owl-nav [class*=owl-] {
	padding: 30px 40px;
	background: rgba(0, 0, 0, 0.26);
	border-radius: 0;
	margin: 0;
	font-size: 30px;
	z-index: 1000;
}

.owl-slider .owl-controls .owl-nav [class*=owl-]:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}

.owl-slider .owl-controls .owl-prev {
	float: left;
}

.owl-slider .owl-controls .owl-next {
	float: right;
}



.intro-text {
	padding-top: 100px;
	padding-bottom: 50px;
	position: absolute;
	top: 50px;
    text-align: center;
	transform: translateX(-50%);
	left: 50%;
}
.intro-text .intro-lead-in {
	display: inline-block;
	margin-bottom: 25px;
	padding: 4px 20px;
	font-size: 19px;
	color: #fff;
	font-weight: 100;
	line-height: 40px;
}
.intro-text .intro-heading {
	font-weight: 900;
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 25px;
	letter-spacing: -3px;
	word-spacing: 10px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgb(0, 0, 0);
}

@media (min-width: 768px) {
	.intro-text {
		padding-top: 230px;
		padding-bottom: 400px;
    }
	.intro-text .intro-lead-in {
    font-size: 50px;
    line-height: 40px;
    margin-bottom: 45px;
	}
	.intro-text .intro-heading {
		line-height: 95px;
		font-size: 77px;
		margin-bottom: 50px;
	}
}

@media (min-width: 768px) {
	.intro-text {
		padding-top: 14%;
		padding-bottom: 400px;
    }
	
	.page-header small {padding-left:15px;}
}






.info-contents {padding:75px 0; background:#f2f2f2;}
.info-contents .row {margin-right:0; margin-left:0;}
.info-contents .row>[class^=col-] {padding-right:0; padding-left:0;}
.info-contents .row>[class^=col-]:last-child .box {border-right:none;}
.info-contents .box {width:100%; display:inline-block; background:#fff; border-right:1px solid #dfdfdf; box-sizing:border-box; height:400px; text-align:center;}
.info-contents .box>.title {font-size:30px; text-align:center; padding:35px 0; border-bottom:1px solid #eee; position:relative;}
.info-contents .box>.title a {position:absolute; right:0; top:0; display:block; width:38px; height:38px; background:#033d54;}
.info-contents .box>.title a:before {width:20px; height:2px; position:absolute; right:9px; top:18px; content:''; background:#fff;}
.info-contents .box>.title a:after {width:2px; height:20px; position:absolute; right:18px; top:9px; content:''; background:#fff;}
.info-contents .box ul {margin:0; padding:0;}
.info-contents .box li {list-style:none; border-bottom:1px solid #eee; text-align:left;}
.info-contents .box li a {display:block; text-decoration:none; padding:16px 20px; font-size:15px; color:#555;;}
.info-contents .box li a:hover {background:#f7f7f7}
.info-contents .box li a span {margin-top:7px; font-size:14px; color:#777}
.info-contents .box li a span.title {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top:0}
.info-contents .box li a span.date {margin-right:20px;}
.info-contents .box li a span.hit i {margin-right:3px}
.info-contents .box li:last-child {border-bottom:none;}
.info-contents .box h2 {margin-top:35px;}
.info-contents .box h2 span {color:#00349a;}
.info-contents .box p {line-height:160%}
.info-contents .box p.copy {font-size:15px; line-height:140%; font-weight:bold;; margin-top:25px;}
.info-contents .box button {width:140px; padding:11px; font-size:16px; background:#033d54; color:#fff; outline:none; border-radius:0;}

@media(max-width:1199px){
	.info-contents {padding:50px 0}
	.info-contents .box {height:319px;}
	.info-contents .box>.title {font-size: 25px; padding: 25px 0;}
	.info-contents .box li a {padding:15px 20px;}	
	.info-contents .box h2 {margin-top: 25px; font-size: 24px;}
	.info-contents .box p {font-size:13px; line-height:140%;}	
	.info-contents .box p.copy {margin-top:15px; font-size:14px;}
}

@media(max-width:991px){
	.info-contents .box {height:274px;}
	.info-contents .box>.title {font-size: 21px; padding: 20px 0;}
	.info-contents .box>.title a {width:30px; height:30px;}
	.info-contents .box>.title a:before {width:16px; top:14px; right:7px;}
	.info-contents .box>.title a:after {height:16px; top:7px; right:14px;}
	.info-contents .box li a {padding:12px 15px;}
	.info-contents .box li a span {margin-top:3px;}
	.info-contents .box h2 {margin-top: 20px; font-size: 21px;}
	.info-contents .box p {font-size:12px;}
	.info-contents .box p.copy {margin-top:15px; font-size:14px; margin-bottom:7px;}
	.info-contents .box button {width:120px; padding:8px; font-size:15px;}
}

@media(max-width:767px){
	.info-contents {padding:20px 0}
	.info-contents .row>[class^=col-]:last-child .box {margin-bottom:0}
	.info-contents .box {border-right:none; margin-bottom:15px; height:auto;}
	.info-contents .box>.title {font-size:17px; padding:15px 0;}
	.info-contents .box button {margin-bottom:25px;}
	.info-contents .box li a span.date {display:none;}
	.info-contents .box li a span.hit {display:none;}
}




.main-wrapper .title {width:100%; text-align:center; margin:70px 0 50px; position:relative;}
.main-wrapper .title:after {width:100%; border-top:1px solid #ddd; position:absolute; left:1px; top:26px; z-index:9; content:'';}
.main-wrapper .title span {font-size:34px; font-weight:500; background:#fff; color:#444; position:relative; z-index:999; padding:0 30px}
.main-wrapper a.box {display:block; text-decoration:none; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; position:relative; text-transform:uppercase;}
.main-wrapper a:after { position:absolute; bottom:-1px; left:0; display:block; content:''; width:100%; height:1px; background-color:#00458a; transform:scale3d(0,1,1); transform-origin:left; transition:transform .3s; opacity:0.7 }
.main-wrapper a:hover:after { transform:scale3d(1,1,1); }
.main-wrapper a:hover {color:#d13410; text-decoration:none;}
.main-wrapper .img {overflow:hidden; background:#000;}
.main-wrapper .img img {
	opacity:0.75;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.main-wrapper a.box:hover .img img {
	opacity:1;
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.main-wrapper .txt {background:#f6f6f6; padding:25px; border-bottom:1px solid #ddd;}
.main-wrapper .txt h2 {margin:0 0 10px; font-size:19px; color:#555; font-weight:500; letter-spacing:-.03em;}
.main-wrapper .txt p {margin:0;font-size:15px; color:#777; letter-spacing:-.03em; word-break:keep-all;}
.main-wrapper a:hover .txt {background:#fff; }
.main-wrapper a:hover .txt h2 {color:#00458a}
.main-wrapper a:hover .txt p {color:#444}











.subContent {padding:0px;}
.subContent h3.title {font-size:18px;}
.subContent legend {display:none;}
.subContent p {font-size:14px !important; line-height:170%;}
.subContent p.lead {font-size:25px}
.subContent .dotTitle {font-size:18px; color:#222; font-weight:bold; padding-left:21px; position:relative; margin:40px 0 10px; }
.subContent .dotTitle:after {
	content: "";
    width: 16px;
    height: 16px;
    border: 4px solid #028fd2;
    position: absolute;
    border-radius: 20px;
    left: 0;
    top: 6px;
}
.subContent .greeting h5 {font-size:16px;}
.subContent .greeting h3 {margin:0 0 15px;}
.subContent .greeting p.name {font-size:20px; color:#222; font-weight:bold; padding-top:10px;}


.subContent .list-group {border-top:1px solid #ddd;}

ul.dot {margin:0; padding:0;}
ul.dot li {list-style:none; font-size:14px; color:#555; padding-left:11px; position:relative; margin-bottom:5px; font-weight:normal}
ul.dot li:after {content:""; position:absolute; left:0; top:9px; width:4px; height:4px; background:#028fd2;}

a.list-group-item {margin-bottom:0; border-top:none; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; position:relative; text-transform:uppercase;;}
a.list-group-item:after {position:absolute; bottom:-1px; left:0; display:block; content:''; width:100%; height:1px; background-color:#028fd2; transform:scale3d(0,1,1); transform-origin:left; transition:transform .3s; z-index:999}
a.list-group-item:hover:after {transform:scale3d(1,1,1);}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {color:#028fd2}
@media screen and (max-width:767px) {
a.list-group-item span {display:none}
}
.quality .title {font-size:20px; font-weight:bold; color:#08319a; margin-bottom:10px;}
.quality .title span {display:inline-block; padding-bottom:3px; border-bottom:1px solid ##08319a}
.quality p {margin-bottom:30px;}
.quality table {margin-top:20px;}
.quality .dot li table {margin-top:10px;}


/* cst_process */
#cst_process {margin:0 auto; text-align:center;}
#cst_process ol {margin:0; padding:0; list-style:none; font-size:0;}
#cst_process li {display:inline-block; position:relative; width:20%; margin:10px 0 20px; vertical-align:top; font-size:13px;}
#cst_process li p {font-size:14px;}
#cst_process .tit {position:relative; width:160px; height:160px; margin:0 auto 15px; padding-top:64px; font-size:20px; text-align:center; color:#fff; font-weight:bold; line-height:1; border-radius:100%; border:10px solid #fff; box-shadow:0 0 3px rgba(0,0,0,0.15);}
#cst_process .tit:before {position:absolute; top:15px; left:25px; font-family:"NBG"; font-size:3em; font-weight:bold; opacity:0.15;}
#cst_process .tit:after {content:""; position:absolute; top:50%; left:100%; width:15px; margin-top:-1px; margin-left:20px; border-bottom:2px dotted #dadada;}
#cst_process li:last-child .tit:after {display:none;}
#cst_process .tit2 {padding-top:56px;}
#cst_process li:nth-child(1) .tit {background:#43a4d7;}
#cst_process li:nth-child(2) .tit {background:#bfc748;}
#cst_process li:nth-child(3) .tit {background:#6fc495;}
#cst_process li:nth-child(4) .tit {background:#5697b6;}
#cst_process li:nth-child(5) .tit {background:#e86842;}
#cst_process li:nth-child(6) .tit {background:#407298;}
#cst_process li:nth-child(1) .tit:before {content:"1";}
#cst_process li:nth-child(2) .tit:before {content:"2";}
#cst_process li:nth-child(3) .tit:before {content:"3";}
#cst_process li:nth-child(4) .tit:before {content:"4";}
#cst_process li:nth-child(5) .tit:before {content:"5";}
#cst_process li:nth-child(6) .tit:before {content:"6";}
#cst_process .a_left {text-align:left;}
#cst_process.process_6 {max-width:600px;}
#cst_process.process_6 li {width:33.33%;}
#cst_process.process_6 .tit:after {margin-left:24px;}
#cst_process.process_6 li:nth-child(3) .tit:after {display:none;}

@media screen and (max-width:1199px) {
	#cst_process .tit {width:120px; height:120px; font-size:16px; padding-top:55px;}
	#cst_process .tit:before {font-size:2em;}
	#cst_process.process_6 .tit:after {margin-left:42px;}
}

@media screen and (max-width:991px) { 
	#cst_process li, #cst_process.process_6 li {width:50%;}
}

@media (max-width: 767px) {
	.subContent	{padding:0px}
	.subtitle			{margin:0px !important;}
	.subtitle h2		{font-size:20px !important; margin-bottom:5px !important; }
	.subtitle p		{font-family: 'Gothic A1', sans-serif; padding-top:5px;  font-size:18px !important; line-height:140%;}
	
	.page-header {font-size:18px; margin:30px 0 15px}
	.page-header small {padding-left:10px;}
	.intro-text {
		padding-top: 9%;
    }
	.intro-text .intro-lead-in {
		font-size: 25px;
		margin-bottom:5px;
	}
	.intro-text .intro-heading {
		line-height: 140%;
		font-size: 35px;
	}
	.subContent .lead {font-size:18px;}
	.subContent .list-group {width:100%;display:inline-block; margin-bottom:0 !important; position:relative;}
	.subContent .list-group:after {position:absolute; width:100%; height:1px; content:''; left:0; bottom:0; background:#ddd;}
	.subContent .list-group a {width:50%; float:left; padding:8px 13px; font-size:14px;}
	.subContent .list-group a.last {width:100%;}
	.subContent .list-group .active { background:#2f6484 !important; color:#fff !important}
	
	.subContent iframe.map {height:300px;}
	
}
@media (max-width: 767px) {
	.navbar {min-height:50px; box-shadow: 1px 1px 1px rgba(0,0,0,0.15);}
	.navbar-default .navbar-collapse {background:#fff; clear:both}
	.navbar-header{background: #fff;}
	
	.owl-slider .owl-controls .owl-nav [class*=owl-]{
		padding: 10px 15px;
	}
	.mz-module-button {
		position:static !important;
		opacity:1 !important;
	}
	.mz-module:hover .mz-module-button {
	bottom: 0px !important;
	}
	.his_box {}
	.his_box .year {}
	.his_box .month_list {width:100% !important}
	.his_box .month_list ul {padding-top:5px;}
	.his_box li {margin:0px; line-height:150% !important; padding:0 0 5px 0;}
	.his_box .month {width:100% !important; padding-bottom:5px;}

	
#back-top {
	position: fixed!important;
	bottom: 0px!important;
	right: 10px!important;
}
#back-top a {
	width: 40px!important;
	height: 40px!important;
}
#back-top i {
	margin-top: 7px!important;
	font-size: 20px!important;
}
	
}


@media (min-width: 768px) {
	.intro-text .intro-lead-in {
		font-size: 45px;
		margin-bottom:15px;
	}
	.intro-text .intro-heading {
		line-height: 95px;
		font-size: 55px;
	}
}
@media (max-width: 481px) {
	.owl-theme .owl-dots .owl-dot span{
		width:10px !important;
		height:10px !important;
		border-radius:5px !important;
		-webkit-border-radius:5px !important;
	}
	figure.effect-bubba h2{
		font-size:23px !important ;
		padding-top:30% !important;
		transition:none !important;
		transform:none !important;
	}
	figure.effect-bubba p{
		opacity:1 !important;
		font-size:15px !important;
		transition:none !important;
		transform:none !important;
		padding:0 !important;
	}
	section { padding:60px 0 10px !important;
	}
.	short-section {
	padding-top: 40px !important;
}
	.biztitle {font-size:23px !important}
	ul.business_list li {
		font-size:12px;
		padding:2% 0 2% 5px !important;
	}
	ul.business_list li span {
		font-size:14px !important;
		padding-right:2px !important;
	}
	.section-title h2 {
		font-size:32px !important;
		margin:5px 0 30PX 0 !important;
	}
	.section-title p {
		font-size:13px !important;
		margin:20px 30px 40px 30px !important;
	}
	.section-title strong {
		padding-bottom:10px;
	}
	.intro-text {
		padding-top:8%;;
		top:10px;
    }
	.intro-text .intro-lead-in {
		line-height:110%;
		font-size: 15px;
		padding-bottom:3px;
	}
	
	.intro-text .intro-heading {
		line-height: none;
		font-size: 22px;
	}
	.owl-slider .owl-controls .owl-nav [class*=owl-]{
		padding:0 5px;
	}
}


.team-border {
    border-top: 1px dotted #ddd;
    margin-top: 45px;
    padding-top: 35px;
}

.team-item h3 {
    font-size: 1.9em;
    font-weight: 400;
    text-transform: uppercase;
    color: #2D2D2D;
    padding-left: 10px;
    float: left;
    padding-bottom: 5px;
	margin-top:15px;
}

.team-item .team-position {
    color: #989898;
    font-size: 16px;
    margin: 24px 0 10px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    padding-left: 10px;
    float: left;
}

.team-item p {
    font-size: 13px;
    font-weight: 400;
    color: #555;
    padding: 4px 10px 4px 15px;
	clear:both;
	word-break:keep-all;
}

.team-item p i {
	padding-right: 6px;
    color: #3f9dc4;
}

.team-item p span {
	display:inline-block;
	border-bottom:1px solid #ddd;
	color:#444;
	font-weight:500;
	padding-bottom:1px;
	margin-bottom:4px;
	padding-right:20px;
}

.team-socials {
	padding-bottom: 25px;
}

.team-socials a {
    color: #B2B3B7;
    font-size: 20px;
    margin: 0 10px;
}

.team-socials a:hover {
	color: #000;
}

/*****************
	Sub - 게시판
*****************/

.board_list {width:100%; display:inline-block; margin:15px 0 0; padding:0}
.board_list li {padding:13px 15px 10px; border: 1px solid #ddd; margin-bottom: 10px; cursor:pointer}
.board_list li:hover {border-color:#028fd2}
.board_list li:hover span.ing {color:#fff !important; background:#028fd2; color:#028fd2;}
.board_list li h3 {font-size: 14px; font-weight:normal; margin:0 0 7px; color:#333; line-height:140%; padding-left:48px; position:relative;}
.board_list li:hover h3 {color:#028fd2}
.board_list li p {display:inline-block; margin:0}
.board_list li .hit {float: right;}
.board_list li .hit i {margin-right:3px;}
.board_list .date {margin-left:50px; font-size:13px}
.board_list .number {line-height:140%; font-weight:bold; display: inline-block; position:absolute; left:0;}

.board_list a {text-decoration:none;}

.board_list > a.special-board {border:1px solid #6c7eaa; background: #f7f7f7;}
.board_list > a.special-board h3 {color:#6c7eaa; }
.board_list > a.special-board h3 span {font-size: 26px; top:-3px;}

.board span.ing {
    display: inline-block;
	font-size:12px;
	margin-left:48px;
	color:#fff;
	width:60px;
	text-align:center;
	background:#028fd2;
	border:1px solid #028fd2;
	border-radius:4px;
	
}.board span.reply {
    display: inline-block;
    font-size: 12px;
    margin-left: 48px;
    color: #028fd2;
    width: 60px;
    text-align: center;
    background: #fff;
    border: 1px solid #028fd2;
    border-radius: 4px;
	
}
.board span.name {
    display: inline-block;
	font-size:13px;
	margin-left:49px;
	color:#555;
}
.board span.date {
    display: inline-block;
	font-size:13px;
	margin-left:40px;
	color:#878787;
}
.board_lock .board span.date {
	margin-left:10px;
}



.board_detail {border: 1px solid #ddd; width:100%; display:inline-block;}
.board_detail .top {padding:35px 30px 25px; border-bottom:1px dotted #ddd; width:100%; float:left;}
.board_detail .top h3 {font-size: 18px; margin-bottom: 10px; color:#444; position:relative;}
.board_detail .top p {display:inline-block; margin:0}
.board_detail .top .hit {float: right;}
.board_detail .top .hit i {margin-right:3px;}
.board_detail .contents {width:100%; padding:30px; font-size:13px; line-height:20px;  float:left;}
.board_detail .bottom {margin-top:15px; width:100%; display:inline-block; float:left;}
.board_detail .bottom li {font-size:13px; color:#555; padding:15px 30px; border-top:1px dotted #ddd; cursor:pointer; width:100%; display:inline-block; float:left;}
.board_detail .bottom li:hover span.title {color:#028fd2}
.board_detail .bottom li .left {float:left; width:10%;}
.board_detail .bottom li .right {float:left; width:90%;}
.board_detail .bottom li i {margin-right:5px; color:#028fd2;}
.board_detail .bottom li span {float:left; display:inline-block;}


.writeBox {padding:0 0 15px}
.writeBox .form-group {}
.writeBox .form-group .form-control {border-color:#ddd; font-size:13px;}
.writeBox p.important {font-size:12px; color:#ff0c00;     margin: 20px 0 10px;}
.form-group .form-title {margin-bottom:3px; color:#333;}
.form-group .form-title span {font-weight:bold; color:#ff0c00}
.writeBox .public {margin-right:5px; position:relative; top:3px}
.writeBox .private {margin:0 5px 0 20px; position:relative; top:3px}
.writeBox .imagecode {width:121px; height:32px; border:#CCC 1px solid; float:left;}
.writeBox span.code {margin-left:10px;}

@media (min-width:768px) and (max-width:991px) {
	.board_list li {padding:20px;}
	.board_list li h3 {font-size: 16px;} 
	
	.board_detail .top {padding:25px 20px 15px}
	.board_detail .top h3 {font-size:16px;}
	.board_detail .contents {padding:20px;}
	
	.board_detail .bottom li {padding:12px 20px;}
	.board_detail .bottom li .left {width:15%;}
	.board_detail .bottom li .right {width:85%;}
}
@media (max-width:767px) {
	.board_list li {padding:15px;}
	.board_list li h3 {font-size: 14px; padding-left:35px;} 
	.board_list .date {margin-left:35px;}
	.board_list .number {font-size:14px;}	
	
	.board_detail .top {padding:20px 15px 10px}
	.board_detail .top h3 {font-size:14px;}
	.board_detail .contents {padding:15px;}
	
	.board_detail .bottom li {padding:10px 15px;}
	.board_detail .bottom li .left {width:23%;}
	.board_detail .bottom li .right {width:77%;}
	.board_detail .bottom li span.title {margin-left:10px;}	
	
	.writeBox .form-control {height:33px; padding:3px 10px}
	.writeBox span.code {clear:both; margin-left:0; display:block; padding-top:5px;}
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination>li>a, .pagination>li>span {
    color: #028fd2;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.paginationBox {clear:both;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #888;
    border-color: #888;
}




/*--------------------
4. Sections
--------------------*/

.section-title h2 {
	font-size: 45px;
	color: #222;
	font-weight: normal;
	letter-spacing: -0.6px;
	position: relative;
	margin: 15px 0 50px 0;
	padding-bottom: 15px;
}

.section-title h2:after {
	left: 50%;
	z-index: 1;
	width: 14px;
	height: 14px;
	content: " ";
	bottom: -20px;
	margin-left: -7px;
	text-align: center;
	position: absolute;
	background: #0097cc;
}

.dark-bg .section-title h2 {
	color: #fff;
}
.orange-bg .section-title h2 {
	color: #fff;
	opacity:1;
	text-align:center;
}

.section-title p {
	text-align:center;
	font-size: 16px;
	font-weight: 300;
	line-height: 170%;
	margin: 40px 80px 60px 80px;
}

/*--------------------
4.1. CTA sectoin
--------------------*/
.m_call {
    margin:0;
    padding: 0;
	font-weight:bold;
	color:#0056aa;
	font-size:3em;
}
.section-cta {clear:both; padding:50px 0; background:#f2f2f2}
.section-cta h2 {
	color: #fff;
	font-size: 27px;
	font-weight: 300;
	margin: 0px;
	line-height:130%;
	font-family: 'Nanum Gothic', sans-serif;
}
.section-cta .col-md-12 {text-align:center;}
.section-cta .col-md-12 h2 {font-weight:bold; padding-bottom:15px; color:#333;}
.section-cta .col-md-12 p {padding-bottom:30px;}
.section-cta .col-md-3 h4 {font-weight:400; padding-top:5px;}
.section-cta .col-md-3 p {font-size:14px; padding-bottom:20px;}

.section-cta a {
    outline: 0;
    color: #333;
}
.section-cta a:hover {
    outline: 0;
    color: #e04921;
}


#download {clear:both; background:url(../images/notice-bg.jpg) center fixed; padding:30px 0 50px}
#download h2 {font-weight:bold; padding-bottom:10px; color:#fff;}
#download p {color:#fff;}
#download h4 {padding:5px 0 10px}
#download button {font-size:1.1em; margin-top:10px; padding:10px 25px; border-radius:4px; background:#e04921; color:#fff; border:1px solid #e04921; letter-spacing:0.3em;}
#download button:hover {background:#cf3d16 !important; border-color:#cf3d16 !important}

#partner {padding:30px 0 50px}
#partner h2 {font-weight:bold; padding-bottom:25px; color:#333; text-align:center;}

@media (max-width:767px) {		
	#partner .partner_b {margin-bottom:10px;}
	
	.section-cta {padding:30px 0 !important}
	.section-cta .col-md-3 h4 {margin-bottom:5px; font-size:16px}
	.section-cta .col-md-12 p {padding-bottom:10px;}
	.section-cta .col-md-3 p {font-size:12px; line-height:19px; padding-bottom:0}
	.m_call {font-size:2.5em; margin-bottom:20px; color:#0073d3 !important;}
	.cta_text {margin-bottom:10px; font-size: 1.1em;}
	
	#download {padding:30px 0}
	#download h2 {font-size:18px; margin:0 0 10px; padding:0;}
	
	.section-cta h2 {
		color: #fff;
		font-size: 18px;
		font-weight: 300;
		margin: 0px;
		line-height:130%;
		font-family: 'Nanum Gothic', sans-serif;
	}
}

.button-cta, .button-cta:visited {
	background:#0097cc;
	padding: 15px 50px;
	font-size: 18px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-weight: 800;
	color: #fff;
	display:block;
	-webkit-transition: all .4s ease; /* Safari and Chrome */
	-moz-transition: all .5s ease; /* Firefox */
	-o-transition: all .5s ease; /* IE 9 */
	-ms-transition: all .5s ease; /* Opera */
	transition: all .5s ease;
	text-align:center;

}
.button-cta:hover {
	background:#306898;
	text-decoration: none;
	color:#fff;
}
/*--------------------
4.1. About
--------------------*/
/*연혁*/
.history {width:100%; height:auto; position:relative; color:#f2f2f2;}
.history .line {position: absolute; top: 35px; left:40px; border-left: 1px solid #ccc; height: 400px; z-index:99;}
.history .line2 {position: absolute; top: 25px; left:25px; border-left: 32px solid #f2f2f2; height: 430px; border-radius:20px;}
.history .dot {
    position: absolute;
    top: 15px;
    left: -7px;
    width: 7px;
    height: 7px;
    background: #fff;
    border-radius: 15px;
    z-index: 999;
    border: 4px solid #60564d;
}
.history .dot:after {
	position: absolute;
    width: 27px;
    height: 1px;
    left: 11px;
    top: 3px;
    background: #ccc;
    content: " ";
    border-radius: 8px;
}
.his_box {width:100%; display:inline-block; clear:both; position:relative;}
.his_box .year {
    width: 120px;
    float: left;
    text-align: left;
    font-size: 30px;
    color: #60564d;
    font-weight: bold;
    font-family: sans-serif;
    letter-spacing: -0.03em;
	line-height: 30px;
	margin-top:5px;
}
.his_box .month_list {background:#f4f4f4; padding:10px 35px 10px 10px; float:left; text-align:left; border-radius:10px; position:relative; width:600px}
.his_box .month_list:after {
	position: absolute;
    width: 9px;
    height: 17px;
    left: -9px;
    top: 15px;
    background: url(../images/layout/his_arrow.png) no-repeat;
    content: " ";
}
.his_box .month_list li {margin-bottom:13px;}
.his_box .month {width:85px; font-size:15px; font-weight:500; color:#333333}
.his_box .month_text {margin-left:20px; color:#777777; font-size:15px; }


/*주요실적*/
.performance {width:100%; padding-bottom:25px; display:inline-block; clear:both; position:relative;}
.performance .year {
    width: 120px;
    float: left;
    text-align: left;
    font-size: 30px;
    color: #60564d;
    font-weight: bold;
    font-family: sans-serif;
    letter-spacing: -0.03em;
	line-height: 30px;
	margin-top:5px;
}
.performance .month_list {background:#f4f4f4; border-top:2px solid #333; padding:10px 35px 10px 10px; float:left; text-align:left; position:relative; width:100%; margin-top:10px;}
.performance .month_list:after {
	position: absolute;
    width: 9px;
    height: 17px;
    left: -9px;
    top: 15px;
    background: url(../images/layout/his_arrow.png) no-repeat;
    content: " ";
}
.performance .month_list li {margin-bottom:13px;}
.performance .month {width:85px; font-size:15px; font-weight:500; color:#333333}
.performance .month_text {margin-left:20px; color:#777777; font-size:15px; }

/* faq */
.tab-menu {width:100%; display:inline-block; margin:10px 0 0; padding:0; position:relative; top:10px;}
.tab-menu li {display:inline-block; margin:2px;}
.tab-menu li a {display:block; padding:6px 20px; line-height:19px; border:1px solid #444; color:#444; font-size:13px; text-decoration:none;}
.tab-menu li.active a {background:#444; color:#fff;}
.tab-menu.faq-menu {margin:0 0 15px; top:0;}

.faq-accordion .panel-group .panel {border-radius:0}
.faq-accordion .panel-default>.panel-heading {padding:13px 15px;}


/*--------------------
4.2. Featured
--------------------*/
.biztitle {font-size:30px; color:#333; padding-bottom:15px; border-bottom:2px solid #333;}

ul.business_list {
	margin:0 0 20px;
	padding:0;
}
ul.business_list li {
	padding:2% 0 2% 10px;
	border-bottom:1px solid #ddd;
}
ul.business_list li:before {
	content:"\f" !important;
}

ul.business_list li span {
	font-weight:bold;
	color:#f42424;
	font-size:18px;
	padding-right:5px;
}
.featured-item {
	margin-bottom: 30px;
	height: 110px;
}

.featured-icon {
	float: left;
	font-size: 22px;
	border-radius: 5px;
	width: 55px;
	height: 55px;
	background-color: #F8F8F8;
	line-height: 50px;
	text-align: center;
}
.featured-text {
	text-align: left;
	margin-left: 85px;
}
.featured-text h4 {
	color: #47474C;
	font-size: 17px;
	font-weight: 700;
}
.featured-text p {
	color: #747377;
	margin-top: 7px;
	font-size: 13px;
	line-height: 21px;
	font-weight: bold;
}

/*--------------------
4.2. Skills
--------------------*/

.section-text {
	margin: 15px 0 20px;
}

.section-text h3 {
	margin: 0 0 30px;
	font-weight: 800;
	color: #5D5D5D;
}

.section-text h4 {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 17px;
}

.dark-bg .section-text h3 {
	color: #dfdfdf;
}

.dark-bg .section-text h4 {
	color: #dfdfdf;
}

/*--------------------
4.3. Portfolio
--------------------*/

figure {
	position: relative;
	overflow: hidden;
	margin: 0;
	background: #726FB9;
	text-align: center;
	cursor: pointer;	
}

figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
}

.ot-portfolio-item figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.ot-portfolio-item figure figcaption, .ot-portfolio-item figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure.effect-bubba {
	background: #000;
	border: 10px solid #f6f6f6;
}

figure.effect-bubba img {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	opacity: 0;
	color: #fff;
	font-size: 19px;
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 30%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*--------------------
4.4. Dark Short section (counters, quote, etc)
--------------------*/
.moreBtn {width:200px; border:1px solid #fff; margin:50px auto; padding:8px 0; border-radius:5px; text-align:center;}
.moreBtn a{font-size:18px; color:#fff; display:block;}
.clear {clear:both;}

.notice_read {padding-top:18px; padding-bottom:40px; margin-bottom:10px; border-top:1px solid #555; border-bottom:1px solid #555;}
.notice_read  h3.title {font-size:20px; color:#fff; margin-bottom:20px;}
.notice_read  p {font-size:14px; color:#dadada}
.notice_read  a.btn {padding:6px 20px; color:#fff}
.notice_read  a.btn:visited {background-color:#028fd2; border:none;}
.notice_read p.number, .notice_read p.date {font-size:12px; color:#bbb; float:left; margin-right:20px; font-style:italic}

.paginationBox{margin:0 auto; text-align:center;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #464646; border-color: #464646;}
div.btnBox {width:100%; position:relative; height:40px;}
div.btnBox a{color:#002993; text-decoration:none; display:block}
div.btnBox a:hover {color:#fff}
div.btnBox div:hover {background:#1abac2;}
div.prev_btn {width:40px; height:40px; border:1px solid #002993; text-align:center; line-height:36px; position:absolute; top:10px;;}
div.next_btn {width:40px; height:40px; border:1px solid #002993; text-align:center; line-height:36px; position:absolute; top:10px; left:50px;}
div.list_btn {width:120px; height:40px; border:1px solid #002993; text-align:center; line-height:40px; position:absolute; top:10px; left:100%; margin-left:-120px;}


.light-bg {
	background-color: #f8f8f8;
}

.orange-bg {
	background-color: #db471e;
}

.dark-bg {
	background-color: #272727;	
	color: #fff;
}

.short-section {
	padding-top: 70px;
	padding-bottom: 70px;
}

.counter-item h2 {
	color: #fff;
	font-size: 60px;
	font-weight: 900;
}

.counter-item h6 {
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	margin: 10px 0 0 0;
	text-transform: uppercase;
}

/*--------------------
4.5. Partners Slider
--------------------*/

.owl-portfolio .owl-controls {
	position: absolute;
	left: 0;
	top: 38%;
	width: 100%;	
}

.owl-portfolio .owl-controls .owl-nav [class*=owl-] {
	padding: 8px 17px;
	background: rgba(0, 0, 0, 0.18);
	border-radius: 0;
	margin: 0;
	font-size: 20px;
	z-index:1000;
}

.owl-portfolio .owl-controls .owl-nav [class*=owl-]:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}

.owl-portfolio .owl-controls .owl-prev {
	float: left;
}

.owl-portfolio .owl-controls .owl-next {
	float: right;
}

.owl-portfolio-item {
	text-align: center;
	display: inline-block;
}

.partner-logo {
	height: 80px;
	text-align: center;
	display: inline-block;
}

.partner-logo img {
	height: 100%;
	width: auto !important;
}

.owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #028fd2;
}

.owl-theme .owl-dots .owl-dot span {
    width: 30px;
    height: 5px;
    margin: 15px 7px 0 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 0;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #028fd2;
}

/*--------------------
4.6. Team
--------------------*/

.team-item {
	text-align: left;
	background-color: #fff;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 35px;
    padding-bottom: 20px;
}

.team-item h3 {
    font-size: 2em;
    font-weight: 400;
    text-transform: uppercase;
    color: #2D2D2D;
    padding-left: 10px;
    float: left;
    padding-bottom: 5px;
}

.team-item .team-position {
    color: #989898;
    font-size: 16px;
    margin: 24px 0 10px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    padding-left: 10px;
    float: left;
}

.team-item p {
    font-size: 13px;
    font-weight: 400;
    color: #555;
    padding: 4px 10px 4px 15px;
	clear:both;
}

.team-item p i {
	padding-right: 6px;
    color: #028fd2;
}

.team-item p span {
	display:inline-block;
	border-bottom:1px solid #ddd;
	color:#444;
	font-weight:bold;
	padding-bottom:1px;
	margin-bottom:4px;
	padding-right:20px;
}

.team-socials {
	padding-bottom: 25px;
}

.team-socials a {
    color: #B2B3B7;
    font-size: 20px;
    margin: 0 10px;
}

.team-socials a:hover {
	color: #000;
}

/*--------------------
4.7. Contacts
--------------------*/

#contact {paddin:20px 0}
section#contact form {
	margin-top: 15px;
}
section#contact.form-group {
margin-bottom: 25px;
}

section#contact .form-group input, section#contact .form-group textarea {
	border: 1px solid #fff;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
	font-size: 13px;
}


#contact .col-md-12 h2 {font-weight:bold; padding-bottom:15px; color:#fff; }
.fa-fax {padding-left:15px;}

.contact h3 {
	margin-bottom: 30px;
}

.contact p {
	font-size: 13px;
}

.contact .day {
	display: inline-block;
	width: 80px;
}

.contact i {
	margin-right: 5px;
}

@media (max-width:767px){
	#contact {padding:15px 0}
}

label.labeltextBox {cursor:pointer; font-size:12px; font-weight:normal; width:250px;}
span.contactView {font-size:11px; font-weight:bold}
/*--------------------
5. Footer
--------------------*/

.height {height:60px; clear:both;}
footer {
	clear:both;
	padding:20px 0;	
    background: #f2f2f2
}

footer p {
	color: #555;
	margin: 0;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1.6px;
}

footer p a {
	color: #555;
}

footer p a span {
	color: #028fd2;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: 700;
}

footer .col-md-3 img {margin-top:10px;}


.posts {text-align:left;}
.headline {
    display: block;
    margin: 10px 0;
    border-bottom: 1px dotted #ccc;
}
.headline a {
    color: #444;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 15px;
    display: inline-block;
}
.headline span.line,
ul.latest-list li span.line {
	color:#ccc; padding:0 6px; font-size:11px; font-family:sans-serif;
}

.list-unstyled {padding-top:0 !important}

ul.latest-list li {
    font-weight: 300;
    font-size: 13px;
    color: #666;
	padding-bottom:1px;
}
ul.latest-list li a {color:#638e9e}
ul.latest-list li a:hover {text-decoration:underline}
.copyright {
	background: #1d1d1d;
    border-top: none;
    padding: 10px 0;
}
.copyright p {
	font-size: 12px;
    font-weight: bold;
    margin: 0;
	color: #999;
}
.pb_20 {padding-bottom:20px;}



@media (max-width:767px) {
	footer {padding:10px 0}
	.height {height:40px;}
	.headline {margin:7px 0}
	.headline a {padding-bottom:7px;}
	
	ul.latest-list li {font-size:12px; padding:0; line-height:20px;}
	.copyright {padding:6px 0}
}


/*--------------------
6. Modal
--------------------*/

.modal-content {
	border-radius: 0;	
}
.modal-header .close {
	font-size: 30px;
	padding:13px;	
}
.modal-title {	
	text-transform: uppercase;
	font-size: 23px;
	padding:10px 5px
}

.modal-body {
	padding: 0;
}

.modal-body p {
	margin: 30px 20px;
	color: #2D2D2D;		
}

.modal-works {
font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	margin: 25px 20px;
}

.modal-works span {
	background-color: #FED136;
	margin-right: 15px;
	padding: 5px 10px;
}

/*--------------------
7. Components
--------------------*/

.btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl {
	color: #fff;
	background-color: #dfdfdf;
	border-color: #dfdfdf;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .open .dropdown-toggle.btn {
	color: #fff;
	background-color: #dfdfdf;
	border-color: #dfdfdf;
}

.btn {
	min-width:110px;
	display: inline-block;
	color:#028fd2;
	padding: 8px 20px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid #028fd2;
    background-color: transparent;
	transition: all .5s ease;
	border-radius:0;
}

.btn-bg {
	background:#028fd2 !important;
	color:#fff !important;
}
.btn-xl {
color: #fff;
    background-color: #028fd2;
    /* border-color: #726FB9; */
    text-transform: uppercase;
    font-weight: 800;
    border-radius: 0;
    letter-spacing: 2px;
    font-size: 16px;
    padding: 17px 45px;
}

/* Back to top button
---------------------------------- */
#back-top {
	position: fixed;
	z-index: 1000;
	bottom: 40px;
	right: 50px;
}
#back-top a {
	width: 60px;
	height: 60px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	background: #A9A9B1;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	background: #0097cc;
}
/* arrow icon (span tag) */
#back-top i {
	margin-top: 15px;
	font-size: 28px;
}

.pb_10 {padding-bottom:10px !important}


.agree_title_text {font-size:14px; font-weight:bold; color:#333333;}
#agreebox {margin-top:10px; border:solid 1px #d7d7dc; padding:23px; color:#777777; line-height:170%; font-size:0.95em;}
.agreeboxok {margin:10px 0 0 0px; font-size:12px;}
.exinput {color:#F00; font-size:14px}

.form-title {
	padding:6px 0px;
}
.form-title i {
    color: #a40f17;
    padding-right: 6px;
}
.error {color:#F00}

@media (max-width:767px) {
	#agreebox {padding:17px 15px}
	.form-title {padding:0 0 3px}
	.form-control {height:35px}
}

.board_menu {clear:both; width:100%; padding:20px 0 30px; text-align:center;}
.board_menu a {color:#444;}
.board_menu a.select {color:#fff; background:#1abac2; padding:3px 10px 4px; border-radius:4px;}
.board_menu span {color:#ddd; padding:0 20px;}

/*--------------------
product
--------------------*/
.ot-portfolio-item {background-color:#f6f6f6; box-shadow:1px 1px 2px rgba(9,9,9,0.2)}
.m_proname {font-weight:400; color:#444; text-align:center; margin-bottom:20px; padding-bottom: 20px;}
.pro_menu {width:100%; margin:0; text-align:center; padding-bottom:30px; border-bottom:1px solid #ddd; margin-bottom:20px;}
.pro_menu a {color:#444;}
.pro_menu a.select {color:#fff; background:#1abac2; padding:3px 10px 4px; border-radius:4px;}
.pro_menu span {color:#ddd; padding:0 20px;}
.pro_menu span:last-child {display:none;}

@media (max-width: 767px){
.pro_menu {padding-bottom:15px;}
.pro_menu a {line-height:180%;}
.pro_menu span {padding:0 5px;}
}



/* Product detail */
.product_detail {width:100%; display:inline-block;}
.product_detail .top {width:100%; display:inline-block;}
.product_detail .top .info {padding:15px 0; position:relative;}
.product_detail .top .info .title {font-size:24px; color:#333; font-weight:bold; margin-bottom:20px; padding-right:50px;}
.product_detail .top button.list-btn {position:absolute; right:0; top:0; width:44px; height:44px; min-width: inherit; padding: 11px 10px;}
.product_detail .top button.list-btn i {font-size:23px}

.product_detail .nav-tabs {width:100%; margin-top:30px; display:inline-block}
.product_detail .nav-tabs>li {width:20%; border-bottom:none;}
.product_detail .nav-tabs>li>a {border-color:#ddd; border-top:1px solid #ddd; padding:12px 10px 9px;border-radius:0;text-align:center; color:#888; font-weight:bold; font-size:16px; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
.product_detail .nav>li>a:focus, .product_detail .nav>li>a:visited, .product_detail .nav>li>a:active {background-color:#fff;}
.product_detail .nav-tabs>li.active>a, .product_detail .nav-tabs>li.active>a:focus, .product_detail .nav-tabs>li.active>a:hover {border-top:2px solid #028fd2; background:#fff; padding:11px 10px 9px; color:#222; border-radius:0; border-bottom-color:#fff;}
.product_detail .tab-content>.tab-pane {padding:30px 15px 15px;; width:100%;}


@media (max-width:991px) {
	.product_list .proBox {padding:15px;}
	.product_list .proBox h3 {margin-top:15px;}
	
	.product_detail .top .info .title {font-size:18px; margin-bottom:10px; padding-right:30px;}
	.product_detail .top button.list-btn {padding: 6px 7px; width:30px; height:30px;}
	.product_detail .top button.list-btn i {font-size:14px}
}

@media (max-width:767px) {
	.product_list>.row {margin-right:-7px; margin-left:-7px;}
	.product_list>.row>[class^=col-] {padding-right:7px; padding-left:7px;}
	.product_list .proBox {margin-bottom:15px;}
	
	.product_detail .top button.list-btn {top:10px;}
	
	.product_detail .nav-tabs {margin-top:0}
	.product_detail .nav-tabs>li {width:35%}
	.product_detail .nav-tabs>li>a {font-size:14px; padding:10px 10px 7px;}
	.product_detail .nav-tabs>li.active>a, .product_detail .nav-tabs>li.active>a:focus, .product_detail .nav-tabs>li.active>a:hover {padding:9px 10px 7px; font-size:13px;}
	.product_detail .tab-content>.tab-pane {padding:20px 10px 10px;}
	
	.product_detail .btn {font-size:13px;}
}







 .bb_1 {padding-bottom:15px;border-bottom:1px solid #ddd;}

.pro_Dropmenu {width:100%; height:60px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#0097cc}
.pro_Dropmenu li {margin-bottom: 5px;}

.f_l {float:left;}
.clear {clear:both;}
.dropdown button {letter-spacing:1px; color:#fff;}
.dropdown button:hover {color:#fff;}
.dropdown .btn {
	border:none;
	background:#fff;
	}
.dropdown .btn:hover{
	color:#000;
	border:none;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .open .dropdown-toggle.btn {
	color: #fff;
	background-color: #028fd2 !important;
	border-color: #028fd2 !important;
}

/* 전체보기 */
.proMenu{position:relative; z-index:99999;}

.btn1 {    display: inline-block;
    COLOR:#FFF;
    padding: 19px 10px 19px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border:0;
    border-radius: 0px;
    background-color: #444;
}
.btn1:hover {background-color: #444;}
.btn1:visited {background-color: #444;}

.btn2 {    display: inline-block;
    padding: 19px 10px 19px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border:0;
    border-radius: 0px;
    background-color: #0097cc;
}
.btn2:hover {background-color: #0097cc;}
.btn2:visited {background-color: #0097cc;}
.promenu_bg{background:url(../images/promenu_bg.png) no-repeat #0097cc; width:18px; height:58px; float:left;}

@media (max-width:767px) {
.pro_Dropmenu {height:auto; padding-top:0; text-align:center; background:none;}
.f_l {float:none}
.allmenu {display:none;}
.dropdown .btn1, .dropdown .btn2 {width:100%;}
.dropdown .dropdown-menu{width:100%;}
.promenu_bg{display:none;}
.navbar-nav>li>a {padding:10px 20px !important; font-size:13px !important; color:#444 !important;}
}

.section-title h2 {
	margin:5px 0 20PX 0 !important;
}
.subtitle {
    margin: 16px 0 15px;
    text-align: center;
    color: #fff;
}
.subtitle h2 {
    font-size: 1.95em;
	margin:0;
    color: #fff;
    font-weight: 400;
    margin-bottom: 15px;
	letter-spacing:-0.03em;
	font-family:sans-serif;
	text-shadow:1px 1px 1px #555;
}
.subtitle p {
    font-size: 1em;
    color: #fff;
    font-weight: 400;
	letter-spacing:0.01em;
	text-shadow:1px 1px 1px #555;
}
.product_list>.col-md-4 {margin-bottom:8px;}
.product_list p {font-size:15px; text-align:center; margin-top:8px; font-weight:400;}
.product_list p a {color:#444}

.m_0a {margin:0 auto !important;}
.ml_10{margin-left:10px !important;}
.pr_5 {padding-right:5px !important;}



/*제품*/
#product {}
.proImg {margin-bottom:20px;}
@media (min-width:768px){
.proCopy {width:65%; position:absolute; top:15px; }
.p_copy1 {font-size:2.2em; color:#333; font-weight:400; position:relative; line-height:130%}
.p_copy1 span {font-weight:bold;}
.p_copy2 {font-size:1.3em; color:#666; font-weight:300; position:relative; top:5px; line-height:130%}
}
@media (max-width:767px){
#product {padding:0 !important;}
.proCopy {width:95%; position:absolute; top:0px; }
.p_copy1 {font-size:1.6em; color:#333; font-weight:400; position:relative; line-height:130%}
.p_copy1 span {font-weight:bold;}
.p_copy2 {font-size:1.1em; color:#666; font-weight:300; position:relative; top:5px; line-height:130%}
.proImg {padding-top:25px;}
}


/*공지사항*/

.notice {margin:0; padding:0;}
.notice a {color:#333; font-size:13px; position:relative;}
.notice p {font-size:1.1em;clear:both; font-weight:300; padding-bottom:20px;}
.notice p span.title {
	width: 80px;
    float: left;
    font-size: 11px;
    letter-spacing: -.03em;
	background:#028fd2;
	padding:0 5px;
	color:#fff;
	text-align:center;
}
.notice p span.text {width:calc( 100% - 150px );     /* 너비는 변경될수 있습니다. */ text-overflow: ellipsis;  /* 위에 설정한 100px 보다 길면 말줄임표처럼 표시합니다. */white-space  : nowrap;    /* 줄바꿈을 하지 않습니다. */ overflow     : hidden;    /* 내용이 길면 감춤니다 */  display      : block; float:left; color:#444; padding-left:9px; }
.notice a:hover span.text {color:#028fd2}
.notice p span.date {
	display:block;
	color:#999 ;
    float: right;
	font-size:12px;
	letter-spacing:-.04em;
	width:70px;
	text-align:right;
}
p.con_call {color:#fff}

@media (min-width:768px) and (max-width:991px) {
	.notice p span.text {width:calc( 100% - 80px );}
	.notice p span.date {display:none;}
}
@media (max-width:767px) {
	#notice {padding:30px 0 15px !important; }
	.notice p span.date, .main-list-more{margin-right:0px !important; font-size:13px}
	.title_2 {padding-top:30px;}
}



/*동영상*/
.videoBox {width: 100%; padding-top:50% !important; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; min-height: 1px;}
.video_posts{left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;}


/*회사소개*/
.mb_20 {margin-bottom:20px;}
h4.number {
    background: rgba(8, 53, 110, 0.4);
    padding: 15px 0px;
    border-radius: 17px 0px;
    text-align: center;
    margin: 0px auto 15px;
    font-weight: 400;
    color: #fff;
}
.p_box h4.number {
	background: rgba(0, 0, 0, 0.3);
}
.p_box {
	background: #f6f6f6;
    color: #555;
    padding: 30px 30px 40px;
    border-radius: 30px 0px;
	margin-bottom:20px;
	line-height: 180%;
}
.p_box2 {
	background: #f5f8fb;
    color: #555;
    padding: 30px 30px 40px;
    border-radius: 30px 0px;
	margin-bottom:20px;
	line-height: 180%;
}

h4.partner {
	text-align:center;
	font-weight:400;
	padding:0 0 10px;
	font-size: 1.1em;
}
.partner_b {border:1px solid #ddd}


.table-hover th {text-align:center; background:#f1f6f8; color:#0097cc}
.table-hover td {padding-left:20px !important;}

/*주요업무*/
h3.work {
	font-weight: 400;
    color: #444;
    padding-bottom: 20px;
	letter-spacing:-0.04em;
	font-size:1.9em;
}
.mt_20 {margin-top:20px;}
.mt_40 {margin-top:40px;}
.mb_40 {margin-bottom:40px;}
.height_40 {height:40px;}
.b_down {
    padding: 13px 70px;
    margin-top: 30px;
    color: #fff;
    background-color: #028fd2;
    border-color: #028fd2;
}
.b_down:hover {
    background-color: #0097cc !important;
    border-color: #0097cc !important;
}

h4.app_title {
    background: #7e9db6;
    padding: 15px 0px;
    border-radius: 17px 0px;
    text-align: center;
    margin: 0px auto 10px;
    font-weight: 400;
    color: #fff;
}
.app_box {
    background: #f6f6f6;
    color: #444;
    padding: 30px;
    border-radius: 30px 0px;
    margin-bottom: 30px;
	height: 320px;
}
.app_box ul {margin:20px 0 0; padding:0;}
.app_box li {
    color: #555;
    font-weight: 400;
    font-size: 1em;
	list-style:square;
	margin-left:30px;
	margin-bottom:10px;
	}



h4.asset_title {
    text-align: center;
    margin: 0px auto 10px;
    font-weight: bold;
    color: #fff;
	font-size:2.2em;
	width:100%;
	padding-bottom:25px;
	border-bottom:1px dotted rgba(255, 255, 255, 0.3)
}
.asset_box {
	position: absolute;
    top: 18%;
    padding: 0 40px;
    left: -1%;
    /*background: #f6f6f6;
    color: #444;
    padding: 30px;
    border-radius: 50%;
    margin-bottom: 30px;
	height: 100%;
	width: 100%;*/
}
.asset_box ul {margin:20px auto 0; padding: 0 30px;}
.asset_box li {
    color: #fff;
    font-weight: 400;
    font-size: 1.1em;
    margin-bottom: 10px;
    line-height: 180%;
	text-align:center;
	}
@media (min-width:768px){
	.d_mt_20 {margin-top:-20px;}
}

@media (max-width:767px){
	h3.work {font-size:15px; margin-bottom:10px;}
	h4.asset_title {
		font-size:1.4em;
		padding-bottom:15px;
	}
	.asset_box {
		top: 15%;
		padding: 0 20px;
	}
	.asset_box ul {
		margin:15px auto 0;
	}
	.asset_box li {
		font-size:0.9em;
		margin-bottom:5px;
   		line-height: 160%;
		letter-spacing: -0.04em;
	}
	.w_mb_20 {
		margin-bottom:20px;
	}
}


ul.bro_list {
	padding: 30px 30px 20px;
    border: 1px dotted #ddd;
    border-radius: 4px;
}
ul.bro_list li{
	padding-bottom: 15px;
    color: #505050;
    font-weight: 400;
    font-size: 1.07em;
}
ul.bro_list i {
	padding-right:10px;
	color:#028fd2
}

ul.bro_list2 {
	margin:15px 0 0;
	padding:0;
}

ul.bro_list2 li {
    font-size: 1.1em;
    color: #444;
    margin-bottom: 20px;
    background: #f6f6f6;
	border-radius: 4px;
    font-weight: 400;
}

ul.bro_list2 li span.title {
    text-align: center;
    background: #a5b3c4;
    display: inline-block;
    padding: 15px 20px;
    border-radius: 4px 0 0 4px;
    width: 25%;
    color: #fff;
}

ul.bro_list2 li span.bg2 {
    background: #7b94b3;
}

ul.bro_list2 li span.bg3 {
    background: #304f75;
}
ul.bro_list2 li span.last {
	width: 100% !important;
    background: transparent;
    color: #444;
    line-height: 160%;
}
ul.bro_list2 li span.last span {
	color:#e60005;
}

ul.bro_list2 li span.content {
    padding-left: 30px;
    position: relative;
}

@media (max-width:1199px){
	ul.bro_list2 li span.title {
		width:100%;
		border-radius:4px 4px 0 0;
	}
	ul.bro_list2 li span.content{
		padding: 20px;
		top: 0px;
		display: inline-block;
	}
}


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

Top menu

*********************/
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: -1px;
  left: 100%;
  margin-top: 0px;
  margin-left: -1px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

@media (max-width: 767px) {
  .dropdown-submenu > .dropdown-menu {
    padding-left: 20px;
  }
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  top: 14px;
  right: 9px;
  font-size: 11px;
  content: "\f105";
  position: absolute;
  font-weight: normal;
  display: inline-block;
  font-family: FontAwesome;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

@media (max-width: 767px) {
  .dropdown-submenu > .dropdown-menu {
    display: block;
    margin-left: 15px;
  }
}




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

 제품소개 
 
******************/

/**sidenav**/
.side-nav a{
	color:#333;
	font-weight: 400;
}
.side-nav li {
  border-bottom: 1px solid #e9e9e9;
}

.side-nav li a {
  padding: 10px 15px;
  display: inline-block;
  width: 100%;
  position: relative;
}
.side-nav li a:hover {
    color: #0097cc;
    font-weight: 400;
}

.side-nav li a.active {
    color: #0097cc;
    font-weight: bold;
}

.side-nav li a i {
  margin-right: 10px;
}
.side-nav ul.dropdown-menu {position:relative; z-index: 10; border:none; border-radius:none; box-shadow:none; background-color: #f8f8f8; padding:0px; width:100%;}
.side-nav .dropdown-submenu > a:after {top:12px;}
.side-nav .dropdown-submenu a {padding-left:20px;}
.side-nav .dropdown-submenu a:hover {color: #fff;  background-color: #0097cc; font-weight: 400;}
.pb_20 {padding-bottom:20px;}

@media (min-width:901px) {
	.side-nav ul.dropdown-menu  {display:block;}
}


/**제품상세**/


h3.d-title {
	width:100%;
	border-bottom:1px solid #ddd;
	padding-bottom:20px;
	margin-bottom:20px;
}
h4.d-title {
    font-size: 1.4em;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;
}
h5.d-title {
    padding: 15px 20px;
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    margin-bottom: 20px;
    font-size: 1.2em;
    background: #f9f9f9;	
	margin-top: 0;
	font-weight: bold;
}
.d-list {
    float: right;
    padding: 6px 40px;
    margin-bottom: 10px;
}
.d-btn-w {
	width:100%;
	padding:12px;
	margin-bottom:10px;
}
.d-btn  {
	width:49%;
	padding:12px;
	margin-bottom:10px;
}
.pl_2p{
	margin-left:2%;
}
.d-img {
	border:1px solid #ddd
}
.d-line {
	width:100%;
	border-top:1px dotted #ccc;
	margin:15px 0 25px;;
}

.d-tabs>li>a {
	border-radius: 4px 4px 0 0 !important;
	padding: 10px 40px;
	font-size: 1em;
	background-color: #f4f4f4;
    color: #444;
	border:none;
	margin-bottom: 1px;
	font-weight:300;
}
.d-tabs>li>a:hover {
	font-size: 1em;
	color:#444;
	border:none;
	margin-bottom: 1px;
	background-color: #eaeaea;
}
.d-tabs>li.active>a {
    color: #555;
    cursor: default;
    background-color: #fff;
    border-radius: 4px 4px 0 0 !important;
    font-size: 1em;
	font-weight:300;
	border:none;
	margin-bottom: 1px;
}
.d-tabs>li.active>a, .d-tabs > li.active > a:focus, .d-tabs > li.active > a:hover {
	font-size: 1em;
	background-color: #0097cc;
    color: #fff;
	border:none;
	margin-bottom: 1px;
}
.enlarg {
	font-size:0.9em;
	text-align:center;
	margin-top:7px;
}
.enlarg i{
	padding-right:5px;
}

@media (max-width:568px) {
	h5.d-title {margin-top:20px;}
	.d-tabs>li {
		width: 50%;
		text-align: center;
	}
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn i {
	margin-right:10px;
}
.btn-default:hover, .btn-default:focus, .btn-default:visited {
    background-color: #028fd2 !important;
    border-color: #028fd2 !important;
    color: #fff !important;
	box-shadow:none;
}

.main-list-more {float:right; font-size:12px; padding-top:7px; text-align:right; color:#999;}
.main-list-more a {color:#999;}

/* Bus */

.bus dl.bus {float: left;  width: 33.3%; height:60px;}
.bus dl dt {padding-bottom:5px; font-size:12px; color:#555}
.bus dl dd {padding-bottom:3px; font-size:11px; color:#333}
.bus span {color:#fff; padding:1px 2px; margin-right:5px}
.bus span.green {background:#4dbb2d}
.bus span.green2 {background:#50a232}
.bus span.blue {background:#395cb3}
.bus span.skyblue {background:#68a4d0}
.bus span.brown {background:#ba6e66}
.bus span.purple {background:#8a57a7}

.near dl {margin-bottom:0px; display:inline-block; width:100%;}
.near dl dt {clear:both; float:left; font-size:11px; font-weight:normal}
.near dl dd {float:left; color:#333}

@media (max-width:767px) {
	.bus dl.bus {width:49%; margin-right:1%;}
	.bus ul li dl {margin-bottom:10px;}
	.near dl {margin-bottom:7px;}
}
@media (max-width:460px) {
	.bus dl.bus {width:100%; margin-right:0; height:auto;}
}




/* 회원사 */
.members h2 {font-size:18px; color:#333; padding-bottom:5px;}
.members p {font-weight:bold; color:#555; padding:0 0 15px; font-weight:normal}
.members .membersBox {width:100%; background:#f7f7f7; padding:30px; border:1px solid #ddd;}
.members ul {margin:0 0 20px; padding:0;}
.members li {list-style:disc; margin-left:20px; font-weight:normal; font-size:13px; color:#666; margin-bottom:3px;}
.members li.title {list-style:none; margin:0; font-size:14px; font-weight:bold; color:#444; margin-bottom:5px;}

.members .table th {background:#f7f7f7}

/* sitemap
*****************************************************************/
.m_lang {
    float: right;
    font-size: 13px;
    font-weight: bold;
    padding: 22px 15px 0 0;
}
.lang a{padding-right:10px !important; font-size:13px !important;}

.navbar-inverse .navbar-nav > li > a > i {font-size: 1.4em;}
.allmenu {position:absolute; z-index:999999999999999; top:10px; left:0; width:100%; }
.allmenu .btn_allmenu {position:absolute; width:15px; height:15px;}
.allmenu .btn_allmenu li { float:left; padding-left:20px;}
li.btn_allmenu a {padding-left:20px; padding-top:19px; padding-right:15px;}
#allmenu_close_wrap {width:1170px; position:relative; margin:0 auto; z-index:999999999999999999999999}

#allmenu {
	position:fixed;
	top:0px;
	right:0px;
	width:100%;
	height:100%;
	background: -moz-linear-gradient(top,  rgba(10,12,12,0.9) 0%, rgba(10,12,12,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(10,12,12,0.9) 0%,rgba(10,12,12,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(10,12,12,0.9) 0%,rgba(10,12,12,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60a0c0c', endColorstr='#e60a0c0c',GradientType=0 ); /* IE6-9 */
	z-index:1;
	display:none
}
#allmenu .menubox {position:relative;}
.allmenu_list {position:relative; width:100%;}
.allmenu_close {position:absolute; top:100px; right:0;  z-index:99999999999999999999}
@media (min-width:1200px) {
#allmenu .menubox {width:1140px; margin:0 auto; padding-top:170px;}
}

@media all and (min-width:992px) and (max-width:1199px){
#allmenu .menubox {width:940px; margin:0 auto;;padding-top:170px;}
}


@media all and (min-width:768px) and (max-width:991px){
#allmenu .menubox {width:100%; margin:0 auto; padding-top:100px; padding-right:15px; padding-left:15px;}
#allmenu .s_titlebox {font-size:20px !important;}
}

@media (max-width:767px) {
#allmenu, .allmenu, li.btn_allmenu, li.lang {display:none;}
}
@media (min-width:768px) {
.m_lang {display:none;}
}
#allmenu .titleimg {float:left; padding-top:45px; padding-left:0px; width:200px;}
.allmenu_list .all_list {float:left; height:350px; text-align:center;}
#allmenu .s_titlebox {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    padding: 14px 0px;
    border: 2px solid #444;
    display: inline-block;
    border-radius: 35px;
	width: 100%;
    text-align: center;
}
#allmenu .s_menuul {padding:25px 0 0; line-height:160%}
#allmenu .s_menuul li {padding:0 0 20px; text-align:center; list-style:none;}
#allmenu .s_menuul li a {font-size:15px; color:#fff; font-weight:300;}
#allmenu .s_menuul li .dot{background:url(../images/list_dotimg.gif) no-repeat 0px 12px; font-size:11px; padding:5px 0 0px 10px !important}

#s_menu01, #s_menu02, #s_menu03, #s_menu04, #s_menu05 {width:19.2%; margin-right: 1%;}
#s_menu05 {margin-right:0 !important}





/* photo-gallery */

#gallery li .infoLayer ul, #gallery li .infoLayer li, #gallery li .infoLayer div {width:100%;}
#gallery li .infoLayer div {padding-top:80%;}
#gallery li .infoLayer a {display:block; background:url(../images/magnifier.png) 50% 50% no-repeat;}
.da-thumbs>li {
    border: 1px dotted #ddd;
}
#gallery li .infoLayer .link{width:100%; padding-top:20%}
#gallery li .infoLayer .link i{font-size:22px; color:#fff}

/* Member */

.member_step {width:100%; margin:0 0 30px;; padding:20px 0; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; display:inline-block}
.member_step li {width:23.5%; float:left; text-align:center; font-size:16px; color:#555;}
.member_step li i {font-size:1.5em; background:#ddd; color:#fff; padding:20px; border-radius:50px; margin-right:12px; vertical-align:top}
.member_step li p { display:inline-block; padding-top:10px; font-size:16px; font-weight:bold; text-align:left; color:#888}
.member_step li p span.step {font-size:13px; display:block; color:#aaa}

.member_step li.next {width:2%}
.member_step li.next i {width:2%; background:none !important; color:#ddd;  padding:10px 0; font-size:2.6em;}

.member_step li.select i {background:#028fd2}
.member_step li.select p {color:#333}
.member_step li.select p span.step {color:#028fd2}
.member_step li.next .color {color:#028fd2}

@media (max-width:767px) {
	.member_step li {width:25%;}
	.member_step li.next {display:none;}
}

@media (max-width:680px) {
	.member_step {padding:10px 0;}
	.member_step li i {margin-right:0px; padding:12px; font-size:1em;}
	.member_step li p {display:block; text-align:center; padding-top:5px; margin:0; font-size:13px; line-height:17px;}
	.member_step li p span.step {font-size:11px;}
}

.member_kind {width:100%; border:2px solid #ddd; border-radius:20px; text-align:center; margin:20px 0 0 0; padding:40px 0}
.member_kind2 {margin:20px 0 0 0;}
.member_kind i {
	font-size: 3em;
    background: #333;
    color: #fff;
    padding: 25px 0;
    border-radius: 90px;
    width: 90px;
    height: 90px;
}
button.memberBtn {font-weight:bold; font-size:13px; color:#028fd2; border-color:#028fd2; padding: 8px 40px; margin:15px 0}
button.memberBtn:hover {background-color:#028fd2 !important; border-color:#028fd2 !important;}

@media (max-width:767px) {
	.member_kind {width:100%; margin:20px 0}
	.member_kind2 {width:100%; margin:20px 0}
	
	button.join { padding:5px 15px;}
}

.join_content h3 {padding:15px 0 10px;}
.join_content h4 {font-size:16px; padding:20px 0 0px;}
.join_content dl dt {padding-bottom:5px; line-height:160%; color:#555}
.join_content dl dd {padding-bottom:3px; line-height:160%; color:#777}


.member_check {
	width: 100%;
    margin: 20px auto;
    background: #f7f7f7;
    border: #CCC solid 1px;
    padding: 20px 0 30px;
	text-align:center;
}
.member_check ul {margin:0}
.member_check ul li {width:30%; margin: 0 auto 7px; transition: all .5s ease;}

.member_check #name {
    background: #fff url(../images/bg_check_name.gif) no-repeat 10px 10px;
	border-radius:4px;
}
.member_check #email {
    background: #fff url(../images/bg_check_mail.gif) no-repeat 10px 10px;
	border-radius:4px;
}
.member_check input.focusnot, .member_check input:focus{background:#fff !important;}
.member_check input {
    border: #bebebe solid 1px;
    padding:4px;
	width:100%;
	height:33px;
}
.checkBtn {width:30%; margin:0 !important; padding:6px !important;}
.joinBtn {text-align:center;}
.joinBtn .btn {width:30%; padding:14px 0 !important; font-size:16px;}
@media (max-width:767px) {
	.member_check ul li, .checkBtn {width:50%;}
	.joinBtn .btn {width:50%;}
}

@media (max-width:420px) {
	.member_check ul li, .checkBtn {width:70%;}
}

.rule {
	width:100%;
	border: 1px solid #ccc;
    background: #f7f7f7;
    color: #717171;
}
.rule .inner {
    overflow: auto;
    overflow-x: hidden;
    height: 160px;
    line-height: 160%;
    padding: 20px;
}
.agree-check {
    margin:5px 0 10px;
	color:#666;
}
.agree-check label {font-size:12px;}
label input {
    position: relative;
    top: 3px;
    margin-right: 4px !important;
}
.member_provision_box {font-size:12px;}

.privateBox {padding-top:20px;}
.privateBox .form-group {margin-bottom:15px;}
label.label {font-size:13px; color:#333; position:relative; bottom:4px;}
@media (max-width:767px) {		
	.privateBox .col-md-6 {clear:both;}
	.completeBox h3{font-size:18px; line-height:140%;}
}
.privateBox .col-xs-4 p {    position: absolute;
    top: 30px;
    left: -3px;
	z-index: 1;}
.privateBox .joinBtn .btn{width:40%;}
.completeBox {width:100%; border:1px solid #ccc; padding:45px 15px 40px; border-radius: 20px; text-align:center;}


/* counsel */

.center-heading {
    text-align: center;
    margin-bottom: 40px;
}
.center-heading h2 {
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -1px;
    color: #000;
    font-size: 30px;
}
.center-line {
    display: inline-block;
    width: 70px;
    height: 1px;
    border-top: 1px solid #bbb;
    margin: auto;
}
.center-heading p {
    margin-top: 10px;
}
.margin40 {
    margin-bottom: 40px;
}
.margin30 {
    margin-bottom: 30px;
}
.contact-option-circle {
    text-align: center;
    background-color: #f5f5f5;
    padding: 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
.contact-option-circle i {
    font-size: 35px;
    color: #888;
    display: block;
    margin-bottom: 10px;
}
.btn {
    display: inline-block;
    color: #028fd2;
    padding: 8px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #028fd2;
    background-color: transparent;
    transition: all .5s ease;
	outline:none;
}

@media (max-width:767px) {
	.center-heading h2 {font-size:17px;}
	.center-heading p {font-size:12px;}
}


/* 새로 추가됨 */
table.text-center .dot2 li {text-align:left; font-weight:normal; margin-left:10px;}
.ss_tit				{font-size:16px; font-weight:bold; color:#08319a; margin-bottom:10px;}
.ss_tit2			{font-size:16px; font-weight:normal; color:#08319a; margin-bottom:10px;}
.ss_box {
    border: 3px solid #ededed;
    padding: 10px;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 160%;
    background: #f2f5fa;
}
.ss_sub_tit		{font-size:16px; font-weight:bold; color:#333; margin-bottom:10px;}
.ss_sub_tit b		{font-size:16px; color:#08319a; border-right: 1px solid #08319a; margin-right:10px;}
.ss_box span	{font-size:14px; font-weight:bold; color:#666; margin-bottom:10px;}
.ss_box2			{border: 3px solid #ededed; padding:20px; margin-bottom:10px;}
.ss_box2	span b	{font-size:16px; font-weight:bold; color:#08319a;}
.ss_l20			{padding-left:20px;}
.ss_l60			{padding-left:40px;}
.ss_t20			{height:30px;}
.ss_b10			{padding-bottom:10px;}
.ss_sub_tit2 b	{font-size:16px; color:#333; margin-right:10px;}
.ss_sub_tit3 b	{display:inline-block; padding-bottom:3px; border-bottom:3px solid #08319a; font-size:16px; color:#08319a; margin-bottom:10px;}
.ss_sub_tit4 b	{font-size:18px; color:#333;}
.ss_sub_tit5		{font-size:16px; color:#333; margin-bottom:5px;}
.ss_lbar			{border-left: 1px solid #999; padding-left:20px;}
.ss_name			{font-size:16px; font-weight:bold; color:#333;}

.subContent .page_smtitle {
    font-size: 15px;
    font-weight: bold;
    color: #597f97;
}
.decimal ol {
    padding-left: 20px;
}
.decimal ol li {
    list-style: decimal;
    font-size: 15px;
    margin-bottom: 5px;
}