/* --------------------------------------
=========================================
Pixel | Agency - Responsive Mutipurpose HTML5 Template
Version: 1.1 (Initial 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 
*************************************/

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

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

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

.color-yellow {
    color: #eeb500;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 600;
}

html,
body {
    height: 100%
}

body {
    font-family: 'Open Sans', 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;
    border-radius: 0;
}

.btn-primary {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
}

.btn-primary:hover {
    color: #fff;
    background-color: #d9a000;
    border-color: #d9a000;
}

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

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

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

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

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

p {
    line-height: 26px;
}

.section-margine {
    margin: 35px 0px 36px 0px;
}

.no-m-top {
    margin-top: 0;
}

.no-m-tb {
    margin: 0;
}


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

.top-header {
    border-bottom: 1px solid #eee;
    position: relative;
    overflow: hidden;
}

.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 0px;
    margin-bottom: 0px;
    margin-right: 35px;
}

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

.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;
}


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

.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;
    padding: 20px 0px !important;
    background: #fff !important;
    position: fixed !important;
}

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

.navbar-menu .navbar-right .dropdown-menu {
    left: 0!important;
    border:0;
    border-radius: 0;
}

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

.dropdown-menu>li>a {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: #777;
    background: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    padding: 10px;
	    font-weight: 400;
}

.dropdown-menu> li >a:hover {
    color: #fff !important;
    background-color: #eeb500 !important;
}

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

.navbar-menu .navbar-nav>li>a {
    color: #777;
    background: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-weight: 400;
}

.navbar-menu .navbar-nav>li>a:hover,
.navbar-menu .navbar-nav>li>a:active {
    color: #eeb500 !important;
    background-color: #fff !important;
}

.navbar-menu .navbar-nav>.open>a,
.navbar-menu .navbar-nav>.open>a:focus,
.navbar-menu .navbar-nav>.open>a:hover {
    color: #eeb500 !important;
    background-color: #fff;
}

.navbar-menu .navbar-nav>li>.dropdown-menu {
    margin-top: 20px;
}


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

.slider {
    position: relative;
}

.over-bg {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.slider {
    position: relative;
    z-index: 2;
}

.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,
.carousel-control.right {
    z-index: 2;
}

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

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

.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;
}

.video-bg .item {
    height: 75vh;
    overflow: hidden;
}

.video-bg video {
    left: 50%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.video-bg .carousel-caption{
    bottom: 100px;
    top:10%;
}

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

.section-1-box::before {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/c1.png) center;
    z-index: -1;
}

.section-1-box {
    background: rgba(255, 255, 255, 0.90);
    padding: 20px 15px;
    text-align: left;
    position: relative;
    overflow: hidden;
}

.section-1-box-icon-background {
    background: #ffffff none repeat scroll 0 0;
    text-align: center;
    float: left;
    height: 100px;
    margin-right: 10px;
    width: 100px;
}

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

.section-1-box h4 {
    text-transform: uppercase;
    color: #555555;
    font-size: 18px;
    margin: 10px 0 10px 0;
	font-family: 'Noto Sans KR', sans-serif;
}

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


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

.section-2-box-left h4 {
    font-size: 30px;
    color: #555;
    margin: 0 15px 30px 0;
}
.section-2-box-right p {
    color: #777;
}


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

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

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

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

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

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


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

.section-4 figure img {
    margin: 0 auto;
    display: inherit;
}

.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: #eeb500;
}

.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;
    margin-top: 0;
}

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

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

.section-5-box-text-cont p {
    color: #5f5f5f;
    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::before {
    background: url(../images/section-8-background.jpg) no-repeat center;
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
}

.section-8 {
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    overflow: hidden;
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    position: : relative;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}

#quote-carousel .carousel-inner {
    min-height: 0px;
}

#quote-carousel a.carousel-control {
    background: none;
    color: #CACACA;
    text-shadow: none;
    position: absolute;
    background: #EEB500;
}

#quote-carousel .carousel-control.left {
    border: 1px solid #EEB500;
    bottom: 0;
    height: 30px;
    width: 30px;
}

#quote-carousel .carousel-control.right {
    border: 1px solid #EEB500;
    bottom: 0;
    height: 30px;
    width: 30px;
}

#quote-carousel .carousel-control i {
    line-height: 30px;
    text-align: center;
    color: #000;
}

#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}

#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}

#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 128px;
    height: 128px;
    border-radius: 100px;
    opacity: 1;
    overflow: hidden;
}

.carousel-inner {
    min-height: 300px;
}

.item blockquote {
    border-left: none;
    margin: 0;
}

.item blockquote p {
    font-size: 14px;
    color: #777;
    font-style: italic;
}

.item blockquote img {
    margin: 25px 0 0 0;
    border: 2px solid #EEB500;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}


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

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


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

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

.section-10-box-text-cont h3 {
    font-size: 28px;
    color: #fff;
    font-weight: 600;
}

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

.section-10-btn-cont {
    text-align: right;
    margin: 17px 0 0 0;
}


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

.footer-top {
    padding: 25px 0;
    background-color: #1a1e21;
    color: #7e7e7e;
    font-size: 14px !important;
}

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

.footer-top-box {
    margin: 30px 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;
    width: 50px;
}

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

.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: #fff;
}

.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: 13px;
    padding: 20px 0;
    background-color: #111315;
    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;
    background-color:#1A1E21;
    height: 40px;
    width: 40px;
    border-radius:0;
    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 ul.social-buttons li a:hover {
    background-color: #eeb500;
}

.footer-bottom .copyright {
    color: #999;
    margin: 20px 0 20px 0;
}


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

.section-11-box {
    padding: 20px 0px;
    text-align: center;
}

.section-11-box-icon-background {
    background: #eeb500;
    height: 80px;
    width: 80px;
    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: #777;
    font-size: 14px;
}


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

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

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

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

.portfolioContainer a img {
    margin: 15px auto;
    width: 80%;
    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: #eeb500;
    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: #eeb500;
    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: 17px;
    text-transform: uppercase;
    color: #999;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
}

.section-14-box {
    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 {
    background-color: #eeb500;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    display: block;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    height: 100px;
    line-height: 24px;
    margin-bottom: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
    position: absolute;
    text-align: center;
    visibility: visible;
    width: 75px;
}

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

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

.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: #eeb500;
}

.section-14-box .underline {
    border-bottom: 2px solid #eeb500;
    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 #eeb500;
    color: #eeb500;
}

.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;
}


/************************************
22)Section 15
*************************************/

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

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

.breadcrumbs ul li:after {
    content: "";
    font-family: "FontAwesome";
    font-size: 12px;
    color: #555555;
    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: #555555 !important;
    font-weight: 600
}

.breadcrumbs ul li a:hover {
    color: #555555 !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: #555555;
    background: 0
}

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


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

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

.team-member {
    background: #fff;
}


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

.inner-title {
        background: #3d5975;
    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
}


/************************************
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;
    margin: 50px 0;
}

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

.section16 .address h4 {
    color: #eeb500;
}


/************************************
25)Section 17
*************************************/

.section17 {
    background: #ffffff;
    padding: 50px 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 .team-member1-details p i {
    margin: 0 10px 0 0;
    font-size: 16px;
}


/************************************
26)Section 18
*************************************/
.section18 .textcont {
    margin: 10px;
}

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

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

.section18 .textcont ul {
    margin: 0 0 20px 0;
    padding: 0;
}

.section18 .textcont ul li {
    list-style: none;
    font-size: 16px;
    line-height: 30px;
}

.section18 .textcont ul li i {
    margin-right: 10px;
    color: #EEB500
}


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

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

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

.section19 h3 {
    text-align: center;
}

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

.section20 {
    margin: 70px auto;
}

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

.section-20-box-icon-cont {
    float: left;
    width: 35px;
    text-align: center;
    margin: 0 15px 85px 0;
}

.section-20-box-icon-cont i {
    color:#fff; 
    width: 35px;
    height: 35px;
    line-height: 35px;
    background:#eeb500;
}

.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;
}


/************************************
30)Section0
*************************************/

.section-0-background {
    background: #3d5975;
    padding: 40px 0px;
    margin-top: -1px;
}

.section-0-box-text-cont h3 {
    
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Noto Sans KR', sans-serif;
}

.section-0-box-text-cont p {
    color: #fff;
    font-style: italic;
    margin: 0 0 10px 0;
    font-size: 16px;
}

.section-0-btn-cont {
    text-align: right;
    margin: 0;
}


.col-md-7.wow.fadeInRight {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
}


/*푸터*/

.footLogo{padding:15px 0;/* float:left; *//* margin-right:50px; */text-align: center;}
.copy{margin-top:5px;text-align: center;}
.copy a{color:#898989;}
.copy i{color:#dc3258;font-size:12px;}

.visual_box {
    display: none;
}



p.footLogo {
    margin-left: auto;
    margin-right: auto;
	float: left;
	    padding-right: 100px;
}



div#footer {
    /* text-align: center; */
    width: 1100px;
    margin: 0 auto;
}



@media screen and (max-width:640px){


div#footer {
    /* text-align: center; */
    width: 100%;
    margin: 0 auto;
}



}



@media screen and (max-width:640px){


p.footLogo {
    margin-left: auto;
    margin-right: auto;
    /* float: left; */
    padding-right: 178px;
    display: none;
}


}



@media screen and (min-width: 700px) {


div#footer {
    /* text-align: center; */
    width: 100%;
    margin: 0 auto;
    padding: 21px 416px;
 }
	
	

@media screen and (max-width:640px){

 

img.img-responsive {
    margin: 41px auto;
}
	

}