/* --------------------------------------
=========================================
Pixel | Agency - Responsive Multipurpose HTML5 Template
Version: 1.1 (Release)
Designed By: rkwebdesigns
=========================================
Table Of Contents
01) Common Style
02)TOP HEADER
03)Logo
04)Navbar
05)Banner
06)Section 1
07)Section 2
08)Section 3
09)Section 4
10)Section 5
11)Section 6
12)Section 7
13)Section 8
14)Section 9
15)Section 10
16)Footer top
17)Footer Bottom
18)Section 11
19)Section 12
20)Section 13
21)Section 14
22)Section 15
23)Inner Title bar
24)Section 16
25)Section 17
26)Section 18
27)Section 19
28)Section 20
29)Section 21

*/


/************************************
 01)Common CSS
*************************************/
@font-face {
	font-family: 'NotoSansCJKkr';
	font-weight: normal;
	src: url(/fonts/NotoSansCJKkr-Regular.otf) format('opentype');
}


.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
	font-family: 'NotoSansCJKkr', sans-serif;
}

html,
body {
    height: 100%;
	margin: 0;
	padding: 0;
	font-weight: 600;
	font-family: 'NotoSansCJKkr', sans-serif;
}

a {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #333;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: 0 solid
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.btn {
    padding: 10px 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-primary {
    color: #fff;
    background-color: #ffffff;
    border-color: #00aef0;
}

.btn-primary:hover {
    color: #fff;
    background-color: #ffffff;
    border-color: #0393ca;
}

.btn-seconday {
    color: #00aef0;
    background-color: #fff;
    border-color: #fff;
}

.btn-seconday:hover {
    color: #00aef0;
    background-color: #efeded;
    border-color: #efeded;
}

.nopadding {
    padding-left: 0px;
    padding-right: 0px;
}

.read-more {
    color: #00aef0;
    font-size: 14px;
    font-weight: 600;
}

.read-more:hover {
    text-decoration: underline;
    color: #00aef0;
}

p {
    line-height: 26px;
}


.section-margine {
    margin: 70px 0 0 0;
}


/************************************
02)TOP HEADER
*************************************/

.top-header {
    border-bottom: 1px solid #eeeeee;
    position: relative;
    overflow: hidden;
    background-color: #f8f8f8;
}

.contact-detail2 {
    margin: 0px;
}

.contact-detail2 i {
    border-radius: 3px;
    padding: 3px 5px;
}

.contact-detail2 li {
    list-style: outside none none;
    float: left;
    padding: 10px;

}

.contact-detail2 li:first-child {
    padding-left: 0;
}

.contact-detail2 li a {
    color: #777;
    font-size: 13px;
    font-weight: 600;
}

/************************************
02)TOP HEADER ȸ»ç ¼Ò°³
*************************************/

.company-top-header {
    border-bottom: 1px solid #eeeeee;
    position: relative;
    overflow: hidden;
	padding-top: 1px;
	padding-bottom: 1px;
    background-color: #333333;
}

.company-contact-detail2 {
    margin: 0px;
}

.company-contact-detail2 i {
    border-radius: 3px;
    padding: 3px 5px;
}

.company-contact-detail2 li {
    list-style: outside none none;
    float: left;
    padding: 10px;

}

.company-contact-detail2 li:first-child {
    padding-left: 0;
}

.company-contact-detail2 li a {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
}

.company-contact-detail2 li span {
    color: #ffffff;
    font-size: 19px;
	font-weight: 600;
}

@media (max-width:767px){
	.navbar-collapse{
		padding-top: 30px;
	}
}

/****
¸ÞÀÎ ÃÖ»ó´Ü
****/
.hanbit-top-header {
    border-bottom: 1px solid #eeeeee;
    position: relative;
    overflow: hidden;
	
	padding-top: 1px;
	padding-bottom: 1px;
    background-color: #E9E9E9;
}

.hanbit-contact-detail2 {
    margin: 0px;
}

.hanbit-contact-detail2 i {
    border-radius: 3px;
    padding: 3px 5px;
}

.hanbit-contact-detail2 li {
    list-style: outside none none;
    float: left;
    padding: 10px;

}

.hanbit-contact-detail2 li:first-child {
    padding-left: 0;
}

.hanbit-contact-detail2 li a {
    color: #777;
    font-size: 13px;
    font-weight: 300;
}

.hanbit-contact-detail2 li span {
    color: #777777;
    font-size: 19px;
	font-weight: 600;
}




.social-icons {
    list-style: outside none none;
    padding: 10px 0px;
    margin-bottom: 0px;
}

.social-icons li {
    margin-right: 10px;
    display: inline;
}

.social-icons a {
    color: #777;
    font-size: 14px;
    line-height: 15px;
    padding: 3px 5px;
    transition: color 0.3s ease-in-out 0s;
    vertical-align: middle;
}

.social-icons a:hover {
    color: #00AEFF
}


/************************************
03)Logo
*************************************/

.navbar-brand {
    float: left;
    height: auto;
    padding: 8px 0px;
    font-size: 18px;
    line-height: 20px;
}

.logo-text {
    text-transform: uppercase;
    font-size: 11px;
    vertical-align: bottom;
    line-height: 32px;
    letter-spacing: 1px;
    color: #777;
}

.logo-text span {
    font-size: 25px;
    text-transform: none;
    margin-right: 3px;
    letter-spacing: 0;
}

.logo-text samp {
    background: #00AEF0;
    float: left;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-weight: normal;
    font-size: 30px;
}

.navbar-brand img{
	width: auto;
	height: 60px;
}

.nav a{
margin-top:12px;
}

/************************************
04)Navbar 1
*************************************/

.navbar {
    margin-bottom: 0px;
}

.header-shade {
    -webkit-box-shadow: 0px 0px 10px #333;
    -moz-box-shadow: 0px 0px 10px #333;
    box-shadow: 0px 0px 10px #333;
    z-index: 999;
}

.navbar-fixed-top {
    -webkit-box-shadow: 0px 0px 10px #333;
    -moz-box-shadow: 0px 0px 10px #333;
    box-shadow: 0px 0px 10px #333;
    z-index: 999;
    margin-top: 0px !important;
    background: #fff !important;
    position: fixed !important;
}

.navbar-fixed-top .navbar-nav>li>a {
    font-weight: 600 !important;
    background: transparent !important;
    text-transform: uppercase !important;
}

.navbar-1 .navbar-right .dropdown-menu {
    left: 0!important;
    border-radius: 0;
    border: 0;
    padding: 0;
    transition: all 0.4s ease 0s;
}

.dropdown-menu .divider {
    margin: 0px;
}

.dropdown-menu>li>a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #777;
    background: #fff;
    padding: 10px;
}

.navbar-collapse > li > a:hover {
    color: #fff !important;
    background-color: #00aef0;
}

.navbar-1 {
    background: #fff;
    border: none;
    border-radius: 0px;
    padding: 15px 0px 15px 0px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0;
}

.navbar-1 .navbar-nav>li>a {
    background: transparent !important;
	color:#222222;
	font-weight: 600;
	font-size: 20px;
}

.navbar-1 .navbar-nav>li>a:hover,
.navbar-1 .navbar-nav>li>a:active {
    background-color: transparent;
}

.navbar-1 .navbar-nav>.open>a,
.navbar-1 .navbar-nav>.open>a:focus,
.navbar-1 .navbar-nav>.open>a:hover {
/*    color: #00aef0;*/
    background-color: #fff;
    transition: all 0.4s ease 0s;
}

.navbar-1 .navbar-nav>li>.dropdown-menu {
    margin: 15px 0 0 0;
	min-width: 250px;
}
.navbar-1 .navbar-nav > li > a:hover{
	border-bottom:3px solid #0D75BC;
}
.menu-active {
	padding: 30px 30px 30px 30px;
}

/************************************
05)Banner
*************************************/

.carousel {
    position: relative;
    width: 100%;
    min-height: 100%;
    text-align: center;
    color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

}

.carousel-control.left {
    background: none;
    top: 45%;
}

.carousel-control.right {
    background: none;
    top: 45%;
}

.carousel-inner>.item>img {
    background-size: cover;
    margin: 0 auto;
    width: 100%;
    min-height: 300px;
}

.carousel-control.left span,
.carousel-control.right span {
    background: #333 none repeat scroll 0 0;
    display: inline-block;
    width: 40px;
}

/************************************
06)Section 1
*************************************/

.section-1-box {
    padding: 0 50px;
    text-align: center;
    background: #f5f5f5;
	height:auto;
	background-image: url("/images/slide/3_1_test.jpg");
    transition: all 0.4s ease 0s;
}

.section-1-box-icon-background {
    display: inline-block;
    height: 80px;
    margin: 93px auto;
    transition: all 0.4s ease 0s;
    width: 80px;
}

.section-1-box-icon-background i {
    line-height: 80px;
    color:#ffffff;
}

.section-1-box h4 {
    text-transform: uppercase;
    color: #555555;
    font-size: 18px;
    margin: 0 0 10px 0;
}

.section-1-box p {
    color: #777;
    font-size: 14px;
    padding-bottom: 50px;
}

/************************************
07)Section 2
*************************************/

.section-2-box-left {
    border-right: 1px solid #00aef0;
}

.section-2-box-left h4 {
    font-size: 18px;
    color: #999;
    text-align: right !important;
    margin: 0 15px 15px 0;
}

.section-2-box-left h2 {
    font-size: 30px;
    color: #555;
    text-align: right !important;
    margin: 0 15px 30px 0;
}

.section-2-box-right p {
    color: #777;
}

.sec-title {
    margin-bottom: 0px;
    margin-top: -5px; 
}

.sec-title .tagline {
    color: #7e7e7e;
    display: inline-block;
    /*font-family: "PT Serif", sans-serif;*/
    font-size: 18px;
    margin-bottom: 5px;
}

.sec-title h2 {
    color: #282828;
    /*font-family: "Raleway", sans-serif;*/
    font-size: 22px;
    font-weight: 800;
    line-height: 30px;
    margin: 0;
    text-transform: uppercase;
}

.sec-title .double-border {
    display: inline-block;
    margin-top: 13px;
}

.sec-title .double-border::before,
.sec-title .double-border::after {
    background: #b9b9b9 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
}

.sec-title .double-border::before {
    width: 136px;
}

.sec-title .double-border::after {
    margin-top: 5px;
    width: 72px;
}

.sec-title.text-center .double-border::before,
.sec-title.text-center .double-border::after {
    margin-left: auto;
    margin-right: auto;
}

.sec-title .one-border {
    display: inline-block;
}

.sec-title .one-border::after {
    background: #b9b9b9 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
}


.sec-title .one-border::after {
	margin-bottom:10px;
    width: 80px;
}

.sec-title.text-center .one-border::after {
    margin-left: auto;
    margin-right: auto;
}

.sec-title p {
    color: #898989;
    font-size: 14px;
    line-height: 26px;
    margin-top: 35px;
}


span .icon-blue {
	color: #007bff;
}

span .icon-blue-v2 {
	color: #96D0F6;
}

.sec-title .sec-title-bold {
	/*font-family:'Noto Sans cjk KR', sans-serif bold;*/
	color:#222222;
	font-size:34px;
}

/************************************
08)Section 3
*************************************/

.section3-background {
    background: #333333 url(../images/p1.png)no-repeat center;
    background-size: cover;
}

.section-3-box {
    padding: 70px 0;
    text-align: center;
}

.section-3-box figure {
    color: #fff;
    margin: 10px 0;
}

.section-3-box h3 {
    font-size: 30px;
    color: #fff;
}

.section-3-box h4 {
    font-size: 15px;
    color: #fff;
    margin-bottom: 0px;
}


/************************************
09)Section 4
*************************************/

.section-4-box {
    padding: 20px 0px;
    overflow: hidden;
}

.section-4-box-icon-cont {
    float: left;
    width: 30px;
    margin: 0 23px 53px 0;
}

.section-4-box-icon-cont i {
    color: #00aef0;
}

.section-4-box-text-cont {
    margin: 0 0 0 15px;
}

.section-4-box-text-cont h5 {
    text-transform: uppercase;
    color: #555555;
    font-size: 16px;
    margin: 0 0 10px 0;
}

.section-4-box-text-cont p {
    color: #777;
    font-size: 14px;
}


/************************************
10)Section 5
*************************************/

.section-5-background {
    background: url(../images/section-5-background.jpg) no-repeat fixed;
    background-color: #252525;
    background-position: center;
    padding: 100px 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.section-5-box-text-cont {
    text-align: center;
}

.section-5-box-text-cont h2 {
    color: #fff;
    margin: 40px 0 15px 0;
}

.section-5-box-text-cont p {
    color: #fff;
    margin: 0 0 40px 0;
}


/************************************
11)Section 6
*************************************/

.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.section-title h2 {
    font-size: 30px;
    color: #555555;
}

.section-title h6 {
    font-size: 14px;
    text-transform: uppercase;
    color: #555555;
}

.section-6-box {
    margin-bottom: 20px;
}

.section-6-box h3 {
    font-size: 20px;
    color: #555555;
    margin-top: 30px;
}

.section-6-box p {
    font-size: 14px;
    color: #777;
}


/************************************
12)Section 7
*************************************/

.section-7-background {
    background-color: #252525;
    background-position: center;
    padding: 100px 0 0 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.section-7-box-text-cont {
    text-align: left;
}

.section-7-box-text-cont h2 {
    color: #fff;
}

.section-7-box-text-cont p {
    color: #fff;
    margin: 0 0 40px 0;
}


/************************************
13)Section 8
*************************************/

.section-8 {
    padding-bottom: 70px;
}

.testimonial_wrapper {
    margin-top: 91px;
}

.single_testimonial {
    text-align: center;
    border: 1px solid #eeeeee;
    position: relative;
    padding: 75px 72px 60px;
    margin: 55px 15px 0 15px;

}

.single_testimonial .testmonial_img {
    display: inline-block;
    height: 110px;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 110px;
}

.single_testimonial .testmonial_img img {
    width: 100%;
    border-radius: 50%;
}

.name_desig .name {
    font-size: 14px;
    color: #00AEF0;
    font-weight: 700;
    margin: 0;
    line-height: 16px;
}

.name_desig .desig {
    font-weight: 300;
    font-style: italic;
    color: #8e8e8e;
    font-size: 12px;
}

.testimonial_text {
    margin-top: 9px;
    position: relative;
}

.testimonial_text::before {
    content: "\f10d";
    position: absolute;
    right: calc(100% + 10px);
    top: -12px;
    /*font-family: FontAwesome;*/
    font-size: 24px;
    color: #00AEF0;
}


/************************************
14)Section 9
*************************************/

.section-9-background {
    background: #efefef;
    padding: 25px;
}


/************************************
15)Section 10
*************************************/

.section-10-background {
    background: #F9F9FB;
    padding: 40px 0px;
}

.section-10-box-text-cont h3 {
    font-size: 24px;
    color: #333333;
}

.section-10-box-text-cont p {
    color: #333333;
    margin: 0 0 1px 0;
    font-size: 16px;
	font-weight: 300;
}

.section-10-btn-cont {
    text-align: right;
    margin: 17px 0 0 0;
}
.section-10-btn-cont-l {
    text-align: left;
    margin: 0px 0 0 0;
}
.section-10-btn-cont-l p{
	color:#AAAAAA;
	line-height: 20px;
	font-size:18px;
}
.section-10-btn-cont-l span{
	color:#d42121;
	line-height: 24px;
	font-size:18px;
	font-weight: bold;
}

/************************************
15)Section 10 -test
*************************************/

.section-10-background-b {
    padding: 30px 0px;
	border:1px solid #E9E9E9;
	background-color: #F9F9FB;

}



/************************************
16)Footer top
*************************************/

.footer-top {
    padding: 25px 0;
    background-color: #FFFFFF;
	border:1px solid #E9E9E9;
    color: #7e7e7e;
    font-size: 14px !important;

}

.footer-top p {
    font-size: 14px !important;
    margin-bottom: 0px;
}

.footer-top-box {
    margin: 0px auto;
    overflow: hidden;
}

.footer-top h4 {
    color: #fff;
    text-transform: capitalize;
}

.footer-top .input-holder {
    position: relative;
}

.footer-top .input-holder input[type="email"] {
    width: 100%;
    display: inline-block;
    border: 0;
    border-radius: 0;
    height: 39px;
    padding: 10px 20px;
}

.footer-top .input-holder label {
    position: absolute;
    top: 0;
    right: -4px;
    text-align: center;
    cursor: pointer;
}

.footer-top .input-holder label i {
    position: absolute;
    top: 9px;
    left: 8px;
    font-size: 20px;
    color: #fff;
}

.footer-top .input-holder input[type="submit"] {
    color: #fff;
    border: 0;
    border-radius: 0;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px;
    line-height: 0;
    text-indent: -999px;
}

.footer-top .submit-bgcolor {
    background-color: #00aef0;
}

.footer-top ul {
    list-style-type: none;
    padding-left: 0px;
}

.footer-top ul li {
    margin: 0 0 10px 0px;
}

.footer-top ul li a {
    color: #7e7e7e;
}

.footer-top ul li a:hover {
    color: #00aef0;
}
.footer-top-box a{
	font-size:12px;
	font-weight: 600;
	color: #777777;
	display:inline-block;
}

.tag a {
    margin: 5px;
    color: #7e7e7e;
    padding: 5px;
    float: left;
    border: 1px solid #7e7e7e;
}

.tag a:hover {
    color: #fff;
    border: 1px solid #fff;
}


/***************************************
17)Footer Bottom
****************************************/

.footer-bottom {
    font-size: 14px;
    padding: 20px 0;
    background-color: #ffffff;
    color: #7e7e7e;
}

.footer-bottom ul.social-buttons {
    list-style-type: none;
    margin: 10px auto;
    padding: 0px;
}

.footer-bottom ul.social-buttons li a {
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    color: white;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
}


.footer-bottom .copyright {
    color: #333333;
    margin: 20px 0 20px 0;
}
.footer-bottom .copyright_sub {
    color: #AAAAAA;
    margin: -18px 0 20px 0;
}
.footer-interval{
	padding-right:9px;
}


/************************************
18)Section 11
*************************************/

.section-11 {
    padding-bottom: 70px;
}

.section-11-box {
    padding: 0px 0px;
    text-align: center;
	border-right:1px dashed #bababa;
	height: 150px;
}
.section-11-box-right-no {
    padding: 0px 0px;
    text-align: center;
	border-right: 
}
.section-11-box-right-no-debtissue {
    padding: 40px 0px;
    text-align: center;
	border-right: 
}

.section-11-box-icon-background {
	background-image:url("/images/map_01.jpg");
    height: 73px;
    width: 73px;
    border-radius: 5%;
    margin: 0 auto 20px auto;
}
.section-11-box-icon-background-2 {
	background-image:url("/images/map_02.jpg");
    height: 73px;
    width: 73px;
    border-radius: 5%;
    margin: 0 auto 20px auto;
}
.section-11-box-icon-background-3 {
	background-image:url("/images/map_03.jpg");
    height: 73px;
    width: 73px;
    border-radius: 5%;
    margin: 0 auto 20px auto;
}

.section-11-box-icon-background i {
    margin-top: 28px;
    color: #fff;
}

.section-11-box h4 {
    text-transform: uppercase;
    color: #555555;
    font-size: 18px;
    margin: 0 0 10px 0;
}

.section-11-box p {
    color: #333333;
}


/************************************
19)Section 12
*************************************/

#section-12 {
    padding: 25px 0px;
    margin: 50px auto 50px auto;
}

.portfolioFilter {
    margin: 0px 0px 10px 0px;
    overflow: hidden;
    padding: 15px 10px;
    color: #45bbff;
}

#section-12 p {
    margin-bottom: 100px;
}

.portfolioFilter a {
    color: #45bbff;
    text-decoration: none;
    margin: 15px 5px 15px 5px;
    padding: 10px 15px;
    display: inline-block;
}

.portfolioFilter a.current {
    color: #45bbff;
    font-weight: 700;
}

.portfolioContainer a img {
    margin: 15px auto;
    width: 100%;
    height: 100%;
}

.portfolioContainer1 a img {
    /*margin:15px auto;*/
    margin: 0px auto;
    width: 100%;
    height: 100%;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}


/************************************
20)Section 13
*************************************/

.section-13 {
    background: #00aef0;
    padding: 70px 0;
}

.section-13 h2 {
    color: #fff;
    font-weight: 200;
}

.section-13 p {
    color: #fff;
}

.section-13 .light {
    color: #fff;
    width: 20%;
    margin: 30px auto 40px auto;
}

.section-13 .btn {
    color: #00aef0;
    font-weight: 600;
}

.section-13 .btn-default {
    border-color: transparent;
}


/************************************
21)Section 14
*************************************/

.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.section-title h2 {
    font-size: 30px;
    color: #555555;
}

.section-title h6 {
    font-size: 14px;
    text-transform: uppercase;
    color: #999;
}

.section-14-box {
	margin-top: -20px;
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
}

.section-14-box h3 {
    margin-top: 30px;
}

.section-14-box h3 a {
    font-size: 20px;
    color: #555555;
}

.section-14-box h3 a:hover {
    font-size: 20px;
    color: #999;
}

.section-14-box p {
    font-size: 14px;
    color: #777;
    line-height: 26px;
    margin: 0 0 20px 0;
}

.section-14-box .date,
.section-14-box .comments {
    float: left;
}

.section-14-box .date,
.section-14-box .comments {
    margin: 0 10px 15px 0;
    color: #222;
    font-size: 13px;
}

.section-14-box .comments a{
    color: #222;
    margin: 0 0 0 10px;
}

.section-14-box span .hanbit{
    font-size : 16px;
	color:#ffffff;
	background-color: #F5F5F7;
	padding: 20px 40px 20px 40px;

}

.section-14-box .date span i{
    margin-right: 10px;
}
.section-14-box .comments a:hover {
    text-decoration: underline;
}

.section-14-box ul {
    list-style-type: none;
    margin: 30px 0 0 0;
    padding: 0px;
}

.section-14-box ul li {
    margin: 20px 0;
}

.section-14-box ul li a {
    color: #777;
}

.section-14-box ul li a:hover {
    text-decoration: none;
    color: #00aef0;
}

.section-14-box .underline {
    border-bottom: 2px solid #00aef0;
    padding: 0 0 15px 0;
}

.section-14-box ul li a.tag {
    float: left;
    margin: 5px;
    padding: 10px 20px;
    border: 1px solid #777;
}

.section-14-box ul li a.tag:hover {
    float: left;
    margin: 5px;
    padding: 10px 20px;
    border: 1px solid #00aef0;
    color: #00aef0;
}

.section-margine ul {
	list-style-type: none;
	margin-left:-40px;
}

.section-margine ul li {
	font-weight: 500;
	font-size:17px;
	line-height:28px;
	color:#0e75bc;
/*	float:left;*/
}

.section-margine ul li p{
	margin-bottom: 30px;
}
.hanbit-text-right {
	text-align: right;

}

.section-margine ul li span {
	font-weight: 500;
	font-size:17px;
	color:#444444;
}
.section-margine ul li span p{
	font-weight: 500;
	font-size:14px;
	color:#444444;
}
.blog-search-field {
    border: 1px solid #e6e6e6;
    background: #fff;
    width: 100%;
    padding: 13px 15px;
    outline: none !important;
    font-size: 14px;
    line-height: 17px;
    font-weight: 300;
    color: #777;
    margin: 20px 0 0 0;
}

.search-form button {
    background: #ffffff;
    border: none;
    float: right;
    margin-top: -32px;
    margin-right: 15px;
    position: relative;
    z-index: 2;
}

.comment-form-container {
    margin: 70px auto;
;
}

.comment-form-container h4 {
    margin: 0 0 35px 0;
}

.comment-form-container .nopadding-left {
    padding-left: 0px;
}

.comment-form-container input.form-control {
    height: 50px;
}

.comment-form-container .form-control {
    border-radius: 0px;
    padding: 10px 15px;
}

.border-blue-line {
	border:1px solid #007bff;
	width:100%;
	float:center;
}
.section14-in-contents{
	margin:30px 30px 30px 30px;
	padding:10px;
}

.section14-in-contents div.about-img {
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
}

.history-img-1{
	margin:30px 30px 30px 30px;
	padding:10px;
}

.history-img-1 div.about-img {
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
}

/************************************
Section 15
*************************************/

.section17-background {
    background: #CCC;
    padding: 40px 0 30px 0;
}

.team-member {
    background: #fff;
}


/************************************
23)Inner Title bar
*************************************/

.inner-title {
    background: #ffffff;
    padding: 30px 0;
}

.inner-title h2 {
    color: #fff;
;
}

.breadcrumbs ul {
    float: right;
    font-size: 13px;
    margin-top: 10px;
    font-weight: 500
}

.breadcrumbs ul li {
    display: inline-block;
    color: #fff !important;
    margin: 0 0 0 5px
}

.breadcrumbs ul li:after {
    content: "\f101";
    /*font-family: "FontAwesome";*/
    font-size: 12px;
    color: #fff;
    margin: 0 0 0 9px
}

.breadcrumbs ul li:last-child:after,
.breadcrumbs ul li:first-child:after {
    content: "";
    margin: 0
}

.breadcrumbs ul li:last-child a,
.breadcrumbs ul li a {
    color: #fff !important;
    font-weight: 600
}

.breadcrumbs ul li a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.breadcrumbs ul li:first-child {
    padding-right: 0;
    margin-left: 0
}

.breadcrumbs ul li:first-child,
.breadcrumbs ul li:last-child {
    color: #fff;
    background: 0
}

.breadcrumbs ul li:last-child {
    padding: 0;
    background: 0
}


/***********************
ÇöÀç ¸Þ´º À§Ä¡ 
************************/
.hanbit-breadcrumbs ul {
    float: left;
    font-size: 13px;
    margin-top: 10px;
    font-weight: 500;
	margin-left: -55px;
}

.hanbit-breadcrumbs ul li {
    display: inline-block;
    color: #5A5A5A !important;
    margin: 0 0 0 5px
}

.hanbit-breadcrumbs ul li:after {
/*    content: "\f101";*/
/*    font-family: "FontAwesome";*/
    font-size: 12px;
    color: #5A5A5A;
    margin: 0 0 0 9px
}

.hanbit-breadcrumbs ul li:last-child:after,
.hanbit-breadcrumbs ul li:first-child:after {
    content: "";
    margin: 0
}

.hanbit-breadcrumbs ul li:last-child a,
.hanbit-breadcrumbs ul li a {
    color: #5A5A5A !important;
    font-weight: 400;
	font-size: 14px;
}

.hanbit-breadcrumbs ul li a:hover {
    color: #BBBBBB !important;
/*    text-decoration: underline;*/
}

.hanbit-breadcrumbs ul li:first-child {
    padding-right: 0;
    margin-left: 0
}

.hanbit-breadcrumbs ul li:first-child,
.hanbit-breadcrumbs ul li:last-child {
    color: #fff;
    background: 0
}

.hanbit-breadcrumbs ul li:last-child {
    padding: 0;
    background: 0
}
.hanbit-breadcrumbs ul li a span {
	border-right: 1px solid #EDECEB;
	padding-right:30px;
	padding-left:17px;
}
.last-menu{
	padding-left:17px;
}
.font-select {
	color:#bbbbbb;
}

/***************
not blue color
****************/
.menu-inner-title {
    background: #F9F9F9;
    padding: 30px 0;
}

.menu-inner-title h2 {
	float: right;
    color: #2E3E3E;
}
.menu-inner-title p{
	font-size:20px;
	text-align:right;
}

/************************************
24)Section 16
*************************************/

.section16 {
    padding: 70px 0;
}

.section16 .success,
.section16 .error {
    display: none;
    /*font-family: "Source Sans Pro", sans-serif;*/
    margin-bottom: 48px;
}

.section16 .success {
    color: green;
}

.section16 .error {
    color: red;
}

.section16 .success .fa,
.section16 .error .fa {
    font-size: 18px;
    margin-right: 5px;
}

.section16 input[type="text"] {
    border-radius: 0px;
    padding: 10px 15px;
    height: 50px;
}

.section16 textarea {
    border-radius: 0px;
    padding: 25px 15px;
}

.section16 iframe {
    width: 100% !important;
}

.section16 .address {
    margin: 20px 0;
}

.section16 .address h4 {
    color: #00aef0;
}

.map{
    margin: 20px 0;
}
/************************************
25)Section 17
*************************************/

.section17 {
    background: #f8f8f8;
    padding: 70px 0;
}

.team-member1 {
    background: #fff;
    padding: 5px;
    margin: 10px auto;
    overflow: hidden;
}

.team-member1 .team-member1-img-cont {
    float: left;
    width: 100%;
}

.team-member1 .team-member1-img-cont img {
    min-height: 167px;
}

.team-member1 .team-member1-details {
    float: left;
    padding: 0 10px;
    width: 100%;
}

.team-member1 .team-member1-details h4 {
    margin: 10px 0 0 0;
    padding: 0px;
}

.team-member1 .team-member1-details p {
    color: #878787;
    margin: 5px 0 5px 0;
}

.team-member1 .team-member1-details .sub {
    margin: 10px 0 10px 0;
}
.team-member1 .my-member-details {
    color: #333;
}
.team-member1 .my-member-social {
    transition: all 0.3s ease 0s;
}
.team-member1 .my-member-social ul{
    margin: 0;
    padding:15px 10px;
}
.team-member1 .my-member-social ul li {
    display: inline-block;
    list-style: outside none none;
    margin-top: 6px;
}
.team-member1 .my-member-social ul li a {
    background-color: #fff;
    border: 1px solid #333;
    color: #333;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 25px;
    margin-right: 5px;
}
.team-member1 .my-member-social ul li a:hover {
    background-color: #3498db;
    border: 1px solid #3498db;
    color: #fff;
}

/************************************
26)Section 18
*************************************/

.section-18-img {
    padding: 0;
}

.section-18 .textcont {
    margin: 10px 0;
}

.section-18 .textcont h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #555555;
    line-height: 35px;
}

.section-18 .textcont p {
    margin-bottom: 20px;
    color: #777;
}

.section-18 .about_section2 {
    margin-top: 20px;
}

.section-18 .about_us_title h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #555555;
    line-height: 35px;
}


/************************************
27)Section 19
*************************************/

.section19 {
    margin: 100px auto 100px auto;
;
}

.section19 .section19-404 {
    border-right: 1px solid #ddd;
}

.section19 .section19-404 h1 {
    font-size: 20em;
    font-weight: 700;
    color: #00aef0;
    text-align: center;
}

.section19 .section19-404 h3 {
    text-align: center;
}

.section19 .section19-subscribe h3 {
    margin-top: 100px;
    margin-bottom: 30px;
}

.section19 .section19-subscribe .form-control {
    border-radius: 0px;
    padding: 20px;
    width: 75%;
    display: inline-block;
    margin-bottom: 15px;
}

.section19 .section19-subscribe .btn-primary {
    border-radius: 0px;
    display: inline-block;
    margin: 0 0 3px 0;

}


/************************************
28)Section 20
*************************************/

.section20 {
    margin: 70px auto;
}

.section-20-box {
    padding: 25px 0px;
    overflow: hidden;
}

.section-20-box-icon-cont {
    float: left;
    width: 23px;
    margin: 0 15px 85px 0;
}

.section-20-box-icon-cont i {
    color: #00aef0;
}

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

.section-20-box-text-cont h5 {
    text-transform: uppercase;
    color: #555555;
    font-size: 16px;
    margin: 3px 0 15px 0;
}

.section-20-box-text-cont p {
    color: #777;
    font-size: 14px;
}


/************************************
29)Section 21
*************************************/

.section21 {
    margin: 70px auto;
}

.section-21-box {
    padding: 25px 0px;
    overflow: hidden;
}

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

************/
.carousel-caption p{
	font-size:18px;
	font-weight: 600;
}

.carousel-caption p span{
	font-size:62px;
	font-weight: 700;
	line-height:70px;
}
.main-img-text {
	font-size:60px;
	font-weight: 100;
	line-height:60px;
}

.btn-box-color {
	font-size:17px;
	color:#ffffff;
	background-color:#0E74BC;
	width: 250px;
	height: 50px;
	padding:17px 40px 17px 40px;
	font-weight: 600;
}

@media (max-width:767px){
	.btn-box-color {
		font-size:14px;
		padding:10px 20px 10px 25px;
		margin: 0 0 0 50px;
	}
}

.hanbit-section-14-box {
	font-size : 16px;
	color:#333333;
	background-color: #F5F5F7;
/*	width: 309px;*/
	width: 100%;
	height: 60px;
	font-weight: 600;
	display: table-cell; 
	vertical-align: middle;
}

.hanbit-section-14-box p{
	padding-left:18px;
	font-size : 16px;
	color:#333333;
	background-color: #F5F5F7;
	font-weight: 600;
	display: table-cell; 
	vertical-align: middle;
}
.hanbit-section-14-box-move{
	padding-left:25px;
	padding-right:25px;
	font-size : 16px;
	color:#333333;
	background-color: #0E74BC;
	font-weight: 700;
	display: table-cell; 
	vertical-align: middle;
}
.hanbit-section-14-box-move-sub{
	padding-left:25px;
	padding-right:25px;
	font-size : 16px;
	color:#333333;
	background-color: #E2E2EA;
	font-weight: 700;
	display: table-cell; 
	vertical-align: middle;
}
.hanbit-hight{
	padding-top:20px;
}

.hanbit-img-main {
	display:block;
	max-width:100%;
	height:auto;
	min-height:400px;
}


/* main page image hover */
.hanbit-img-box {
	position: relative;
}

.hanbit-div-img {
	display: block;
	width: 100%;
	height: auto;
}

.hanbit-img-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #424242;
}

.section-14-box:hover .hanbit-img-overlay {
	opacity: 0.7;
}

.section-14-box:hover .hanbit-section-14-box-move-sub {
	background-color: #0E74BC;
}

.font-center{
	display:inline;
	font-weight:bold;
}
.hanbit-text-center{
	text-align:center;
}
table.table-1 {
    border-collapse: collapse;
    line-height: 1.5;
	text-align:center;
	width:100%;
	border-top: 2px solid #333333;
    border-bottom: 2px solid #333333;
}
table.table-1 td {
    padding: 10px;
	border-left: 1px solid #bababa;
    border-right: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
}
table.table-2 {
    border-collapse: collapse;
    line-height: 1.5;
	text-align:center;
	width:100%;
	border-top: 2px solid #333333;
    border-bottom: 2px solid #333333;
}
table.table-2 td {
    padding: 5px;
	border-left: 1px solid #bababa;
    border-right: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
}
.layout-right{
	float:right;
}
.padding-bottom-1{
	padding-bottom:10px;
}
.font-blue-v1{
	color:#319AD3;
}
.font-blue-v2{
	display:inline;
	color:#319AD3;
}
.font-grey-v1{
	color:#828282;
}
.box-div {
	box-sizing: border-box;
	width: 120px;
	height: 50px;
	margin: 20px auto;
	background-color: red;
	border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
	text-align:center;
}

.a_layer{
	display:inline-table;
	width: 110px;
	height: 50px;
	border:1px solid #1492CF;
	background:#ffffff;
	border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	margin-right:5px;
	padding:10px 0px 10px 0px;
}
.a_layer:hover .a_content{
	background:#1391CE;
	color:#fff;
}
.a_layer_inner{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.a_content{
	display: inline-block;
/*	background: #f00;*/
	color:#1492CF;
}
.b_layer{
	display:inline-table;
	width: 110px;
	height: 50px;
	border:1px solid #1492CF;
	background:#ffffff;
	border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	padding:10px 0px 10px 0px;
}
.b_layer:hover{
	background:#1391CE;
	color:#fff;
}
.div-center{
	text-align:center;
/*	border-bottom:1px solid #1492CF;*/
/*	width:347px;*/
}
.ttt{
	text-align:center;
}


.footer-top-box-1 {
    margin: 0px auto;
    overflow: hidden;
}
.footer-top-box-1 a{
	font-size:12px;
	font-weight: 600;
}
.branch-text{
	display:inline-flex;
}

.tag-1{
	padding-right:10px;
	border-bottom:1px solid #1492CF;
}
.tag-2{
	padding-right:10px;
	border-bottom:1px solid #1492CF;
}
.tag-3{
	border-bottom:1px solid #1492CF;
}

.tag-defult{
	border:1px solid #1492CF;
	color:#1492CF;
	border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	width: 110px;
	height: 50px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

.tag-click{
	color:#ffffff;
	background:#1391CE;
	border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	width: 110px;
	height: 50px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

.tag-1 a:hover {
    color:#ffffff;
	background:#1391CE;
}

.tag-2 a:hover {
    color:#ffffff;
	background:#1391CE;
}

.tag-3 a:hover {
    color:#ffffff;
	background:#1391CE;
}

.debtissue-background-1 {
	background-image:url("/images/debtissue-01.png");
    height: 186px;
    width: 190px;
    border-radius: 5%;
    margin: 0 auto 20px auto;
}
.debtissue-background-2 {
	background-image:url("/images/debtissue-02.png");
    height: 186px;
    width: 190px;
    border-radius: 5%;
    margin: 0 auto 20px auto;
}
.debtissue-background-3 {
	background-image:url("/images/debtissue-03.png");
    height: 187px;
    width: 190px;
    border-radius: 5%;
    margin: 0 auto 20px auto;
}

.section-11-box-rong {
	margin-top:40px;
    padding: 0px 0px;
    text-align: center;
	border-right:1px dashed #bababa;
	height: 340px;
}
.text-red{
	color:#d42121;
}
.debtissue-background{
	background-color:#EDF6FF;
}
.text-center{
	text-align:center;
	font-weight:600;
	font-size:16px
}
.top-margin-d{
	margin-top:-90px;
}

.nplpurchase-background-1 {
	background-image:url("/images/workprocess-new-01.jpg");
    height: 188px;
    width: 186px;
    border-radius: 5%;
    margin: 0 auto 20px auto;
	background-repeat:no-repeat;
}
.nplpurchase-background-2 {
	background-image:url("/images/workprocess-new-02.jpg");
    height: 188px;
    width: 187px;
    border-radius: 5%;
	background-repeat:no-repeat;
/*    margin: 0 auto 20px auto;*/
}
.nplpurchase-background-3 {
	background-image:url("/images/workprocess-new-03.jpg");
    height: 188px;
    width: 186px;
    border-radius: 5%;
	background-repeat:no-repeat;
/*    margin: 0 auto 20px auto;*/
}
.nplpurchase-background-4 {
	background-image:url("/images/workprocess-new-04.jpg");
    height: 188px;
    width: 187px;
    border-radius: 5%;
	background-repeat:no-repeat;
/*    margin: 0 auto 20px auto;*/
}
.nplpurchase-background-5 {
	background-image:url("/images/workprocess-05.jpg");
    height: 188px;
    width: 186px;
    border-radius: 5%;
	background-repeat:no-repeat;
/*    margin: 0 auto 20px auto;*/
}
.nplpurchase-img{
	background-image:url("/images/solid.png");
	display:inline-flex;
/*	margin-right:30px;*/
	background-repeat:repeat-x;
	background-position-y:center;
}
.nplpurchase-box-rong {
	margin-top:40px;
    padding: 0px 0px;
    text-align: center;
	height: 0px;
	margin-right:62px;
}
.error-img{
	background-image:url("/images/error_icon01.png");
	background-repeat:no-repeat;
	height:130px;
	background-position-x:center;
}
.font-terms{
	font-size:15px;
	color: #a9a9a9;
}
.text-right-ib{
	display:inline-block;
	float:right;
}

.ceo-name {
	background-image:url("/images/ceo-name-1.png");
	background-repeat:no-repeat;
	height:32px;
	width:69px;
	display:inline-block;
	margin: 10px 0 0 0;
}
.map_1 {
	margin-top:0px;
}
.map_2 {
	margin-top:0px;
	display:none;
}
.map_3 {
	margin-top:0px;
	display:none;
}
.branch-local-1{
	display:block;
}
.branch-local-2{
	display:none;
}
.branch-local-3{
	display:none;
}
.privacy td{
    padding: 10px;
	border-left: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	color:#a9a9a9;
}
table.privacy-table-1 {
    border-collapse: collapse;
    line-height: 1.5;
	text-align:center;
	width:100%;
	border-top: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
}
.npl-contents-1{
	display:inline-block;
	background-image:url("/images/npl-contents-01.jpg");
	width:585px;
	height:298px;
	background-repeat:no-repeat;
}
.npl-contents-2{
	display:inline-block;
	background-image:url("/images/npl-contents-02.jpg");
	width:578px;
	height:298px;
	background-repeat:no-repeat;
}
.npl-img-center{
	text-align:center;
}
.img-pb{
	padding-bottom:10px;
}
.npl-top-box-title-1{
	background-color: #557EB9;
	border-radius: 10px 10px 5px 5px / 10px 10px 5px 5px;
	margin-right:7px;
	width:568px;
}
.npl-top-box-title-2{
	background-color: #557EB9;
	border-radius: 10px 10px 5px 5px / 10px 10px 5px 5px;
	margin-left:7px;
	width:50%;
}
.npl-top-box-title-sub-1{
	background-color: #154D9F;
	padding:10px 0px 10px 0px;
	border-radius:60px 10px 0px 0px / 60px 10px 0px 0px;
	color:#ffffff;
	font-size:16px;
	text-align:center;
	font-weight:500;
}
.npl-top-box-title-sub-2{
	background-color: #154D9F;
	padding:10px 0px 10px 0px;
	border-radius:60px 10px 0px 0px / 60px 10px 0px 0px;
	color:#ffffff;
	font-size:16px;
	text-align:center;
	font-weight:500;
}
.npl-box-contents-1{
	border:1px solid #bababa;
	background-color:#ffffff;
	padding:10px 10px 10px 10px;
	height: 90%;
	border-radius:0px 0px 5px 5px / 0px 0px 5px 5px;
}
.npl-box-contents-2{
	border:1px solid #bababa;
	background-color:#ffffff;
	padding:10px 10px 10px 10px;
	height: 90%;
	border-radius:0px 0px 5px 5px / 0px 0px 5px 5px;
}
.npl-contents-text-1{
	color:#333;
	margin-top:10px;
	line-height: 30px;
	font-weight:500;
}

.table-lability tr:first-child td{
	border-top: 2px solid black;
}

.table-lability td{
	padding:10px;
	border: 1px solid #E0E0E0;
}
.img-lability {
	height:20px;
	margin-left: -8px;
}
.font-lability {
	font-weight:bold;
	text-align:center;
	background-color:#F7F7F7;
}
.privacy-margin{
	margin:25px 0px 0px -80px;
}
.privacy-caption-margin{
	margin-top:-25px;
}
.debtissue-bg-grey-v1{
	background-color:#F7F7F7;
}
.npl-wp-center{
	text-align:center;
}