@charset "utf-8";

body {

    font-family: "Noto Sans KR";

    color: #000;

    font-weight: 400;

}



input[type="number"] {

    -moz-appearance: textfield;

}



input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    -webkit-appearance: none !important;

    margin: 0;

}



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

    font-family: "Noto Sans KR", sans-serif;

    margin: 0;

}



a {

    color: #000;

    text-decoration: none;

    font-family: "Noto Sans KR", sans-serif;

}



a:hover {

    text-decoration: none;

}



a:visited {

    text-decoration: none;

}



a:focus {

    text-decoration: none;

}



i {

    font-style: normal;

}



p {

    margin: 0;

}



ul {

    padding: 0;

    margin: 0;

}



ul li {

    list-style: none;

}

p {

    font-size: 16px;

}



label {

    font-weight: 400;

    font-size: 16px;

}

nav {

    text-align: center;

}

.nav_pc1nav_pc1_to {

    display: block;

}

.pagination > li span {

    position: relative;

    top: -3px;

}

.container {

    max-width: 1200px;

    margin: 0 auto;

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

}



.most_top {

    background: #424242;

    height: 35px;

}



.most_top a {

    color: #bfbfbf;

    line-height: 35px;

    float: right;

    margin-left: 50px;

    font-size: 12px;

    transition: all 0.3s;

}



.most_top .col-md-12 a:first-child {

    margin-left: 0;

}



.most_top a:hover {

    color: #ffffff;

}



.most_top a img {

    padding-bottom: 2px;

}



.navbar {

    margin-bottom: 0;

}



.navbar-nav {

    margin: 7px 0;

}



.nav_pc {

    transition: all 1s;

    position: fixed;

    top: 0;

    width: 100%;

    left: 0;

}



.nav_pc_inner1 {

    display: -webkit-box; /* Safari, iOS, Android browser, older WebKit browsers. */

    display: -moz-box; /* Firefox (buggy) */

    display: -ms-flexbox; /* IE 10 */

    display: -webkit-flex; /* Chrome 21+ */

    display: flex; /* Opera 12.1, Firefox 22+ */

    align-items: center;

    justify-content: left;

    height: 100%;

}



.nav_mobile img {

    padding-top: 25px;

}



.nav_pc_top {

    text-align: right;

}



.nav_pc_top a {

    cursor: pointer;

    color: #fff;

    font-size: 20px;

    transition: color 0.3s;

    font-weight: 400;

}



.nav_pc_top .col-md-4 .language {

    float: right;

}



.nav_pc_top .col-md-3 {

    line-height: 198px;

    cursor: pointer;

    position: inherit;

}

.nav_pc_top .col-md-3 .second-nav {

    height: 100%;

    text-align: center;

    padding-left: 0;

    transition: all 0.5s;

    padding-top: 7px;

    padding-bottom: 10px;

    background: #333333;

    display: none;

    position: fixed;

    right: 0;

    width: 270px;

    top: 100px;

    z-index: 0;

}



.first-nav {

    transition: all 0.5s;

}

.nav_pc1 {

    margin-right: 15px;

}



.nav_pc_inner1 ul {

    padding-left: 0;

}



.nav_pc_most_wrapper2_inner2 img {

    padding-top: 27px;

    padding-left: 30px;

}



.nav_pc_most_wrapper2_inner2 .col-md-7 > .row > .col-md-2:nth-child(2) {

    width: 18.5%;

}



.nav_pc_most_wrapper2_inner2 .col-md-7 > .row > .col-md-2:nth-child(3) {

    width: 14.5%;

}



.nav_pc2_list1 li {

    padding-top: 20px;

}



.nav_pc1 {

    font-size: 14px;

}



.second-nav a {

    letter-spacing: -1px;

    display: inline-block;

    font-size: 14px;

    transition: color 0.5s;

    color: #ffffff !important;

    transition: all 0.5s;

    line-height: 36px;

}



.second-nav a.active {

    color: #25d9f4 !important;

}



.second-nav li {

    line-height: 45px;

}



.second-nav .second-nav-title {

    margin-bottom: 20px;

    line-height: 70px;

    border-bottom: 1px solid #666666;

    text-align: left;

    padding-left: 30px;

    font-weight: 500;

}



.second-nav li a:hover {

    color: #25d9f4 !important;

}



.second-nav > ul > li {

    transition: all 0.5s;

    padding-left: 30px;

    text-align: left;

}



.second-nav > li > span {

    display: inline-block;

    position: relative;

}



.second-nav > li > span:before {

    content: "";

    position: absolute;

    bottom: -3px;

    height: 1px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 0;

    background: #ffffff;

    -webkit-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1);

    transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1);

    z-index: 999;

}



.second-nav > li:hover > span:before {

    /*border-bottom: 1px solid #ffffff;*/

    width: 100%;

}



.third-nav {

    padding-top: 100px;

    background: #222222;

    width: 270px;

    height: 100%;

    position: absolute;

    right: -540px;

    top: 0;

    display: block;

    z-index: 8;

}



.third-nav li a {

    width: 100%;

    padding-left: 40px;

    transition: all 0.5s;

}



.third-nav li a:hover {

    background: #25d9f4;

    color: #222222 !important;

}



.con_overall_nav > li {

    width: 20%;

}



.dropdown-menu {

    min-width: 140px;

}



.dropdown-menu > li > a {

    font-size: 15px;

}



.carousel-control.left,

.carousel-control.right {

    background-image: none;

}



.carousel-control.left img {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 50%;

}



.carousel-control.right img {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 50%;

}



.nav_pc_most_wrapper {

    position: relative;

}



.nav_pc .nav_pc2_list {

    display: inline;

}



.nav_pc11 {

    float: left;

}



.nav_pc_most_wrapper2 {

    overflow: hidden;

    position: absolute;

    background-color: rgba(255, 255, 255, 1);

    height: 0;

    box-sizing: border-box;

    z-index: 99999;

    overflow: hidden;

    left: 0;

    top: 94px;

    width: 100%;

    transition: height ease 0.3s;

}



.navbar-inverse {

    margin-top: 20px;

}



.header-bottom {

    display: none;

}



.header-bottom .container {

    position: relative;

}



.header-mobile {

    position: relative;

    height: 100%;

}



.menu-sub,

.third-sub {

    display: none;

}



.menu-sub a {

    width: 100%;

    padding: 15px;

    border-bottom: 1px solid #e2e2e2;

}



.btn-menu {

    display: inline-block;

    top: -22px;

    left: 22px;

    margin-top: -16px;

    position: absolute;

    z-index: 9;

}



.btn-menu-inner {

    top: 50%;

    display: block;

    margin-top: -1px;

    -webkit-transition: transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);

    -o-transition: transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);

    -webkit-transition: -webkit-transform 0.1s

        cubic-bezier(0.55, 0.055, 0.675, 0.19);

    transition: -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);

    -o-transition: -o-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);

    transition: transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);

    transition: transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19),

        -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19),

        -o-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);

}



.btn-menu-inner,

.btn-menu-inner:before,

.btn-menu-inner:after {

    background: #1b56a6;

    display: block;

    position: absolute;

    width: 100%;

    height: 3px;

}



.btn-menu-inner,

.btn-menu-inner:before,

.btn-menu-inner:after {

    background: #1b56a6;

    display: block;

    position: absolute;

    width: 100%;

    height: 3px;

}



.btn-menu-inner:before {

    content: "";

    top: -9px;

    -webkit-transition: top 0.1s ease 0.14s, opacity 0.1s ease;

    -o-transition: top 0.1s ease 0.14s, opacity 0.1s ease;

    transition: top 0.1s ease 0.14s, opacity 0.1s ease;

}



.btn-menu-inner:after {

    content: "";

    bottom: -8px;

    -webkit-transition: bottom 0.1s ease 0.14s,

        transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);

    -o-transition: bottom 0.1s ease 0.14s,

        transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);

    -webkit-transition: bottom 0.1s ease 0.14s,

        -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);

    transition: bottom 0.1s ease 0.14s,

        -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);

    -o-transition: bottom 0.1s ease 0.14s,

        -o-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);

    transition: bottom 0.1s ease 0.14s,

        transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);

    transition: bottom 0.1s ease 0.14s,

        transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19),

        -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19),

        -o-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);

}



.nav-main > li > ul > li > a {

    font-size: 16px;

    text-align: left;

    display: inline-block;

    color: #6b6b6b;

}



.main-menu ul {

    padding: 0;

    text-align: center;

}



.main-menu ul li {

    text-align: left;

}



.close_btn {

    cursor: pointer;

    font-size: 20px;

    color: #cccccc;

    z-index: 999;

    position: absolute;

    right: 15px;

    top: 30px;

    width: 35px;

    height: 35px;

    text-align: center;

    line-height: 35px;

    transition: all 0.5s;

}



.second-nav .close_btn:hover {

    background: #464749;

}



.dropdown-toggle {

    border-color: #2f52a2;

    font-size: 15px;

    color: rgba(47, 82, 162, 1);

    padding: 0;

    line-height: 35px;

    width: 70px;

    height: 35px;

    border-radius: 20px;

}

.owl-carousel .owl-item img {

    width: auto;

}

.owl-carousel-1 .owl-item img {

    margin: 0 auto;

}

.owl-carousel-1 .owl-item {

    text-align: center;

    padding: 90px 0 20px;

}

.owl-carousel-1 .owl-dots {

    position: absolute;

    bottom: 20px;

    left: 50%;

    transform: translateX(-50%);

}



.owl-carousel-1 .owl-dot {

    border: 1px solid #000;

    display: inline-block;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    transition: all 0.5s;

    margin: 0 4px;

}



.owl-carousel-1 .owl-dot.active {

    background: #000000;

}



.owl-carousel-1 .owl-prev,

.owl-carousel-1 .owl-next {

    height: 39px;

    font-size: 60px;

    text-align: center;

    line-height: 50px;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto 0;

    color: #ffffff;

}



.owl-carousel-1 .owl-prev {

    left: 0px;

}



.owl-carousel-1 .owl-next {

    right: 0px;

}



.banner {

    height: 1098px;

    background: url(../images/landing02_01.jpg) no-repeat center;

    position: relative;

    width: 100%;

}

h1 {

    font-size: 80px;

    font-weight: bold;

}

h2 {

    font-size: 56px;

    font-weight: bold;

}

h3 {

    font-size: 48px;

    font-weight: bold;

}

h4 {

    font-size: 32px;

    font-weight: bold;

    line-height:42px;

}

h5 {

    font-size: 24px;

    font-weight: bold;

}

.banner h1 {

    margin-bottom: 125px;

}



h1 span,

h2 span,

h4 span {

    color: #fd5e39;

}

.banner h4 {

    margin-bottom: 35px;

}

h5 {

    font-size: 32px;

    line-height: 40px;

}



.banner h4 span {

    color: #fff;

    font-weight: bold !important;

}

.banner p {

    margin-bottom: 7px;

}



.mouse {

    position: absolute;

    bottom: 40px;

    left: 0;

    right: 0;

    margin: 0 auto;

    width: 30px;

    cursor: pointer;

}



.header {

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 99;

}



.mid-text {

    padding: 0 15px;

    width: 100%;

    text-align: center;

    z-index: 9;

    position: absolute;

    top: 54%;

    transform: translateY(-50%);

    color: #fff;

}



.light {

    font-weight: 300 !important;

}

.bold {

    font-weight: bold !important;

}

.flex {

    display: -webkit-box; /* Safari, iOS, Android browser, older WebKit browsers. */

    display: -moz-box; /* Firefox (buggy) */

    display: -ms-flexbox; /* IE 10 */

    display: -webkit-flex; /* Chrome 21+ */

    display: flex; /* Opera 12.1, Firefox 22+ */

    align-items: center;

    justify-content: left;

    overflow: hidden;

}

.section-2 {

    height: 500px;

    background: url(../images/landing_10.jpg) no-repeat center;

}

.section-2 h1 {

    letter-spacing: -4px;

}

.section-2 h4 {

    margin-bottom: 10px;

}

.section-3 {

    overflow: hidden;

    padding: 110px 0 0;

}



.section-3 .bold {

    margin: 20px 0 10px;

}

.section-4 {

    overflow: hidden;

    padding: 120px 0 190px;

}

.section-4 h2 {

    margin-top: 60px;

}

.section-4 p {

    margin: 30px 0 45px;

    line-height: 32px;

}

.section-5 {

    text-align: center;

    color: #fff;

    height: 575px;

    background: url(../images/landing_24.jpg) no-repeat center;

}

.section-5 h3 {

    margin-bottom: 20px;

}

.section-5 p {

    line-height: 32px;

}

.section-5 h1 {

    margin: 45px 0 10px;

}

.section-6 {

    padding: 230px 0 215px;

    text-align: center;

}

.section-6 h1 {

    margin-bottom: 30px;

}



.section-7 {

    overflow: hidden;

    height: 815px;

    background: url(../images/landing_26.jpg) no-repeat center;

}

.section-7 h1 {

    margin-top: 75px;

    margin-bottom: 40px;

}

.section-7 p {

    margin-bottom: 45px;

    line-height: 32px;

}

.section-8 {

    text-align: center;

    height: 400px;

    background: #f8f8f8;

    background-size: cover;

}

.section-8 h1 {

    margin-bottom: 40px;

}

.section-9 {

    margin-top: 100px;

    margin-bottom: 30px;

    height: 795px;

    background: url(../images/landing_28.jpg) no-repeat center;

}

.section-9 h1 {

    margin-bottom: 40px;

}

.section-9 p {

    padding-right: 30px;

    line-height: 32px;

    letter-spacing: -1px;

}

.section-10 {

    text-align: center;

    height: 600px;

}

.section-10 p {

    line-height: 32px;

    margin-top: 30px;

}

.section-11 {

    text-align: center;

    height: 280px;

}

.section-11 h4 {

    letter-spacing: -2px;

}

.section-12 {

    margin-bottom: 30px;

    margin-top: 20px;

    height: 380px;

    background: url(../images/landing_30.jpg) no-repeat center;

}

.section-12 .col-md-4 img {

    margin: 0 auto;

}

.section-13 {

    background: #fdfdfd;

}

.section-13 p {

    margin: 15px 0 110px;

    line-height: 32px;

    color: #707070;

}

.section-14 {

    margin-bottom: 85px;

}

.section-14 h2 {

    text-align: center;

    line-height: 88px;

    font-size: 64px;

    letter-spacing: -2px;

    margin: 55px 0 70px;

}

.section-14 h1 {

    margin: 41% 0 45px;

}

.section-14 p {

    margin-bottom: 20px;

    letter-spacing: -1px;

    line-height: 32px;

    color: #232323;

}

.section-14 #profile img {

    float: right;

}

.section-14 #profile {

    text-align: right;

}

.section-15 {

    height: 500px;

    color: #fff;

    background: url(../images/landing_56.jpg) no-repeat center;

}

.section-15 h2 {

    margin-bottom: 45px;

    text-align: center;

    color: #fff;

}

.section-15 h5{

    text-align: center;

}

.section-15 p {

    text-align: center;

    margin: 10px 0;

}

.section-16 h2 {

    text-align: center;

    margin: 85px 0 80px;

}

.section-16 .col-md-4 div.info {

    -moz-box-shadow: 10px 10px 5px #d3d3d3; /* old Firefox */

    box-shadow: 0 5px 20px #d3d3d3;

    padding: 18px 40px 15px;

    background: #232323;

}

.section-16 .col-md-4 div.info>ul{

    width: 100%;

}

.section-16 .col-md-8>div{

    -moz-box-shadow: 10px 10px 5px #d3d3d3; /* old Firefox */

    box-shadow: 0 5px 20px #d3d3d3;

}

.section-16 li p {

    line-height: 24px;

    background:#fff;

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.section-16 li {

    transition:background-color 0.3s linear;

    cursor: pointer;

    margin: 40px 0;

    transition: all 0.3s;

}

.section-16 li:hover p {

    background: linear-gradient(to right, #fd5e3a 0%, #fe3f93);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.section-16 .col-md-8 img {

    width: 100%;

}

.section-16 li{

    transition: all 0.5s;

}

.section-16 li img.on {

    display: none;

    opacity: 0;

}
.section-16 li a{
    width: 100%;
    display: inline-block;
}
.section-16 li:hover img.off {

    display: none;

    opacity: 0;

}

.section-16 li:hover img.on {

    display: block;

    opacity: 1;

}

.section-16 li img,

.section-16 li p {

    float: left;

}

.section-16 li img {
    vertical-align: middle;
}



.section-16 li img:first-child,.section-16 li img:nth-child(2){

    margin-right: 20px;

}

.section-16 #form {

    -moz-box-shadow: 10px 10px 5px #d3d3d3; /* old Firefox */

    box-shadow: 0 5px 20px #d3d3d3;

    background: #e8e8e8;

    padding: 15px 85px 30px;

    margin-top: 30px;

    margin-bottom: 90px;

}

.nav {

    margin-bottom: 15px;

}

.nav > li > a {

    text-align: center;

    padding: 25px 0;

    background: #fdfdfd;

    border-radius: 0;

    margin-right: 0;

}

.nav-tabs > li {

    width: 50%;

    height: 100px;

}

.nav-tabs > li a img {

    margin: 0 auto;

}

.nav-tabs > li.active > a {

    background: linear-gradient(to right, #fd5e3a, #fe3f93);

}

.nav-tabs > li img {

    display: none;

}

.nav-tabs > li img.off {

    display: block;

}

.nav-tabs > li.active img.off {

    display: none;

}

.nav-tabs > li.active img.on {

    display: block;

}

form input[type="text"],

form textarea,

form select {

    border: 1px solid #cccccc;

    width: 100%;

    border-radius: 5px;

}



form input[type="checkbox"] {

    border: 1px solid red;

}



form input[type="text"],

form select {

    height: 35px;

}



form textarea {

    height: 250px;

    resize: none;

    padding: 20px;

}



#form p.has-error-input {

    display: none !important;

}



#form .has-error-input {

    border: 1px solid red !important;

}

#form input {

    height: 50px;

}

#form input,

#form textarea {

    padding-left: 20px;

    font-size: 12px;

    border-radius: 0;

    border: none;

}



#form button {

    display: block;

    width: 100%;

    height: 50px;

    background: linear-gradient(to right, #fd5e3a, #ff1ef2);

    border-radius: 0px;

    color: #fff;

    font-size: 16px;

    font-weight: bold;

}



#form .btn-set{

    padding: 0 15px;

    margin-top: 10px;

}

.table {

    margin: 0;

}

.table > tbody > tr > td {

    border-top: none;

    padding: 15px;

}

.footer {

    width: 100%;

    padding: 50px 0;

    background: #232323;

}

.footer .col-md-10{

    padding-top: 10px;

}

.footer span,.footer a{

    display: inline-block;

}

.footer p,.footer span,.footer a,

.footer i {

    font-size: 12px !important;

    color: #ffffff;

    line-height: 18px;

}

.footer p{

    margin-top: 20px;

}



.footer a {

    display: inline-block;

}



.footer i {

    padding: 0 15px 0 15px;

}



.footer .footer-1 {

    padding: 27px 0 28px;

    background: #111111;

    float: left;

    width: 13.7%;

}



.footer .footer-2 {

    padding: 27px 30px 28px 44px;

    float: left;

    width: 63.1%;

}



.p-16 {

    margin-top: 0;

}

#loading {

    left: 0;

    display: none;

    background-color: rgba(255, 255, 255, 0.8);

    height: 100%;

    width: 100%;

    position: fixed;

    z-index: 9999;

    margin-top: 0px;

    top: 0px;

}

#loading-center {

    width: 100%;

    height: 100%;

    position: relative;

}

#loading-center-absolute {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    height: 50px;

    width: 50px;

    transform: translateX(-25px);

    font-size: 5em;

    /* margin-top: -125px;

     margin-left: -125px;*/

}



.more-btn {

    margin: 30px auto;

    display: block;

    width: 200px;

    height: 55px;

    background: #000;

    color: #fff;

    text-align: center;

    line-height: 55px;

    font-size: 24px;

    font-weight: 500;

}



.more-btn:hover {

    color: #fff;

}



.sub-p-block {

    display: -webkit-box;

    white-space: normal;

    word-wrap: break-word;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}

.grid .text {

    padding: 25px 20px;

}





@media (max-width: 1860px) {

    .stop {

        display: none;

    }



    .left-modal .modal-form {

        display: none;

    }

    .left-modal .left-modal-links .left-modal-out {

        display: block;

    }



    .left-modal .left-modal-links {

        left: 0 !important;

    }

}



@media (max-width: 1400px) {

    .footer {

        position: inherit;

    }

    .footer .footer-1,

    .footer .footer-2 {

        width: 100%;

    }

    .footer-1 img {

        margin: 0 auto 20px;

    }

    .carousel-3 {

        display: none;

    }



    .footer .footer-1 {

        text-align: center;

    }



    .footer-1 img {

        margin-bottom: 0;

    }

    .footer .footer-2 {

        padding: 27px 15px 28px 15px;

    }

}



@media (max-width: 1024px) {

    .request-left {

        width: 45%;

    }

    .request-right {

        width: 55%;

    }

    .blog-btn {

        width: 100%;

        font-size: 24px;

    }

}



@media (min-width: 768px) {

    .nav_pc_top .col-md-3:nth-child(1) {

        width: 16%;

    }

    .nav_pc_top .col-md-3:nth-child(2) {

        width: 21%;

    }

    .nav_pc_top .col-md-3:nth-child(3) {

        width: 24%;

    }

    .nav_pc_top .col-md-3:nth-child(4) {

        width: 19.5%;

    }

    .nav_pc_top .col-md-3:nth-child(5) {

        width: 19.5%;

    }

    .sub-4-5 .col-md-7 {

        padding-right: 50px;

    }

}



@media (max-width: 1220px) {

    .nav_mobile li a {

        font-weight: bold;

        font-size: 14px;

        color: #323232;

    }



    .con_overall_nav {

        width: 100%;

    }



    .con_overall_nav > li {

        text-align: center;

    }



    .nav_mobile nav {

        border: none;

        background-color: rgba(0, 0, 0, 0);

    }



    .nav_pc_top a {

        font-size: 12px;

    }



    h1 {

        font-size: 30px !important;

        letter-spacing: 1px !important;

    }



    h3 {

        font-size: 20px !important;

    }

    h4 {

        font-size: 14px !important;

    }

    h5 {

        font-size: 17px !important;

    }

    h6 {

        font-size: 16px !important;

    }

    .sub-banner {

        height: 400px;

    }



    .sub-text a {

        width: 200px;

        height: 40px;

        line-height: 40px;

        font-size: 14px;

    }

}

@media (min-width: 992px){

    .nav_pc_inner1 .col-md-4{

        width: 31%;

    }

    .nav_pc_inner1 .col-md-8{

        width: 69%;

    }

}

@media (max-width: 992px) {

    .nav_pc_top {

        text-align: center;

    }



    .nav_pc1nav_pc1_to img {

        margin: 0 auto;

    }



    .nav_pc_most_wrapper2_inner2 img {

        display: none;

    }



    .menu_right {

        text-align: center;

        width: 100%;

    }

    .nav_pc_top .col-md-2 {

        display: none;

    }



    .banner {

        height: 600px;

    }

    .section-2 {

        height: 200px;

    }

    .section-3 {

        padding: 40px 0 0;

    }

    .section-4 {

        padding: 40px 0 60px;

    }

    .section-4 .col-md-5 {

        display: none;

    }

    .section-5 {

        height: 400px;

    }



    .section-5 h3 {

        line-height: 35px;

    }

    .section-6 {

        padding: 40px 0;

    }

    .section-7 {

        height: 500px;

    }

    .section-7 h1 {

        margin-top: 30px;

    }

    .section-7 .col-md-3 img {

        margin: 0 auto;

    }

    .section-8 {

        height: 250px;

    }

    .section-8 h1 {

        margin-bottom: 30px;

    }

    .section-9 {

        margin-top: 0;

        margin-bottom: 0;

        height: 350px;

       

    }

    .section-10 {

        height: 320px;

    }

    .section-11 {

        height: 200px;

    }

    .section-12 {

        height: 400px;

    }

    .section-16 .col-md-4 div.info{

        margin-bottom: 30px;

    }

    h1 {

        font-size: 30px !important;

        letter-spacing: 1px !important;

        line-height: 40px;

    }

    h2 {

        font-size: 22px !important;

        line-height: 30px !important;

    }

    h3 {

        font-size: 20px !important;

    }

    h4 {

        font-size: 18px !important;

        line-height: 30px;

    }

    h5 {

        font-size: 17px !important;

    }

    h6 {

        font-size: 16px !important;

    }



    p {

        font-size: 14px !important;

        line-height: 20px !important;

    }



    .banner h1 {

        margin-bottom: 25px;

    }



    .banner h4 {

        margin-bottom: 12px;

    }



    .banner .caption h2 {

        margin-top: 10px;

    }



    .nav_pc1nav_pc1_to {

        text-align: center;

    }



    p.has-error-input {

        margin-top: 5px;

        line-height: 15px !important;

        font-size: 12px !important;

    }

    .sub-4 img {

        margin: 0 auto;

    }

}



@media (max-width: 768px) {

    .nav_pc_most_wrapper {

        display: none;

    }

    .brand-top a > img {

        width: 160px;

        padding-top: 20px;

        margin: 0 auto;

    }



    .btn-menu {

        top: -20px;

    }

    .banner .caption h1 {

        font-size: 18px;

    }

    .header-bottom {

        width: 100%;

        z-index: 999;

        position: fixed;

        top: 0;

        background: #333333;

        display: block;

        height: 92px;

    }

    .con_overall_nav > li {

        width: 100%;

        text-align: center;

    }



    .nav-main > .has-sub > span::before {

        content: "";

        position: absolute;

        top: 0;

        bottom: 0;

        right: 5px;

        width: 16px;

        height: 0px;

        margin: auto;

        border: 1px solid #999;

        -webkit-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        -moz-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        -ms-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        -o-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -ms-box-sizing: border-box;

        box-sizing: border-box;

    }



    .nav-main > .has-sub > span::after {

        content: "";

        position: absolute;

        top: 0;

        bottom: 0;

        right: 12px;

        width: 0;

        height: 16px;

        margin: auto;

        border: 1px solid #999;

        -webkit-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        -moz-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        -ms-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        -o-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -ms-box-sizing: border-box;

        box-sizing: border-box;

    }



    .menu-sub > .has-sub > span::before {

        content: "";

        position: absolute;

        top: 0;

        bottom: 0;

        right: 5px;

        width: 16px;

        height: 0px;

        margin: auto;

        border: 1px solid #999;

        -webkit-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        -moz-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        -ms-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        -o-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -ms-box-sizing: border-box;

        box-sizing: border-box;

    }



    .menu-sub > .has-sub > span::after {

        content: "";

        position: absolute;

        top: 0;

        bottom: 0;

        right: 12px;

        width: 0;

        height: 16px;

        margin: auto;

        border: 1px solid #999;

        -webkit-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        -moz-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        -ms-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        -o-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -ms-box-sizing: border-box;

        box-sizing: border-box;

    }



    .menu-toggle,

    .third-toggle {

        position: absolute;

        top: 15px;

        right: 15px;

        width: 25px;

        height: 25px;

    }



    .is-open > .menu-toggle:after {

        display: none;

    }



    .is-open > .third-toggle:after {

        display: none;

    }



    .is-open > .menu-toggle:before,

    .is-open > .third-toggle:before {

        -webkit-transform: rotate(180deg) scaleX(1);

        -moz-transform: rotate(180deg) scaleX(1);

        -ms-transform: rotate(180deg) scaleX(1);

        -o-transform: rotate(180deg) scaleX(1);

        transform: rotate(180deg) scaleX(1);

    }



    .main-menu {

        height: 100%;

        background: #ffffff;

        position: fixed;

        left: -100%;

        top: 0;

        width: 100%;

        z-index: 9999;

        overflow-y: auto;

    }



    .main-menu .brand-top {

        background: #333333;

        height: 90px;

        border-bottom: 1px solid #e2e2e2;

    }

    .main-menu .close_btn {

        top: 30px;

    }



    .owl-carousel .owl-item .caption .more {

        display: none;

    }

    .nav-main > li,

    .menu-sub > li {

        text-align: left !important;

        width: 100%;

        position: relative;

    }



    .nav-main > li .nav-main > li > a {

        line-height: 20px;

        color: #333333;

        text-align: left;

    }



    .nav-main a {

        display: block;

        -webkit-transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;

        -o-transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;

        -webkit-transition: color 0.3s ease-in-out,

            -webkit-transform 0.3s ease-in-out;

        transition: color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

        -o-transition: color 0.3s ease-in-out, -o-transform 0.3s ease-in-out;

        transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;

        transition: color 0.3s ease-in-out, transform 0.3s ease-in-out,

            -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out;

    }



    .nav-main > li > a {

        cursor: pointer;

        font-size: 16px;

        padding: 15px;

        border-bottom: 1px solid #e2e2e2;

    }



    .section-13 p {

        padding: 0 30px;

        margin-bottom: 50px;

        margin-top: 0;

    }

    .owl-carousel-1 .owl-item {

        padding-top: 0;

    }

    .owl-carousel-1 .owl-item img {

        transform: scale(0.7);

    }

    .section-7{

        background: url(../images/landing_26.jpg) no-repeat right;

    }

    .section-9{

        background: url(../images/landing_28.jpg) no-repeat left;

    }

    .section-9 h1,.section-7 h1{

        text-align: center

    }

    .section-14 h1 {

        margin: 20px 0;

    }

    .section-14 #profile{

        text-align: left;

    }

    .section-16 #form{

        padding: 15px 15px 30px;

    }

    .section-14 #profile img{

        float: none;

    }

    .footer .col-md-2{

        text-align: center;

    }

    .footer .col-md-2 img{

        margin-bottom: 10px;

    }

    .section-15 h2{

        margin-bottom: 20px;

    }

}



@media (max-width: 500px) {

    .section-12 {

        height: 170px;

    }

}