/* Theme Name: Cubana - Multipurpose



   Author:Harry



   Author e-mail: harrynworld@gmail.com



   Version: 1.0.0



   Created:February 2015



   File Description:Main CSS file of the template



*/











/* TABLE OF CONTENTS



	1) Reset



	2) Help classes



	3) Parallax



	4) Pre-loader



	5) Navigation



	6) Home



	7) About-us



	8) Fun-facts



	9) Portfolio



	10) inner (Info)



	11) Team / Skills



	12) Services



	13) Testimonials



	14) Partners



	15) Contact



	16) Footer 



	17) Back-to-top



	18) Responsive



*/







@import url('https://fonts.googleapis.com/icon?family=Material+Icons');



@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');







/* 1 Reset----------------------------------------------------------------------------- */







body,



div,



dl,



dt,



dd,



ul,



ol,



li,



h1,



h2,



h3,



h4,



h5,



h6,



pre,



code,



form,



fieldset,



legend,



textarea,



p,



blockquote,



th,



td,



input,



select,



textarea,



button {



    margin: 0;



    padding: 0;



}







dl,



ul,



ol,



menu,



li {



    list-style: none;



    color: #737373;



}







body {



    font-weight: 400;



    color: #535353;



    font-size: 14px;



    letter-spacing: 0.02em;



    min-width: 320px;



}







*,



*:before,



*:after {



    -webkit-box-sizing: border-box;



    -moz-box-sizing: border-box;



    box-sizing: border-box;



}







:focus {



    outline: 0 !important



}







iframe {



    border: none;



    width: 100%;



}







a {



    color: inherit;



    -webkit-transition: all .5s ease-out;



    -moz-transition: all .5s ease-out;



    transition: all .5s ease-out;



}







a:hover,



a:focus,



a:active {



    text-decoration: none;



    color: #214198;



}







b,



strong {



    font-weight: 500;



}







img {



    max-width: 100%;



}







textarea {



    max-width: 100%;



    resize: none;



}







hr {



    margin: 10px 0px;



}







address {



    margin-bottom: 0px;



}







.btn {



    /*font-size: 14px;*/



    text-transform: uppercase;



    border-radius: 0;



    line-height: 24px;



}







.btn:focus,



.btn:active {



    outline: none;



    color: #ffffff;



}







.btn-custom {



    border-radius: 3px;



    padding: 0.8em 1.8em;



    color: #fff;



    -webkit-transition: all .5s ease-out;



    -moz-transition: all .5s ease-out;



    transition: all .5s ease-out;



    text-transform: uppercase;



}







.btn-custom:hover,



.btn-custom:focus {



    color: #fff;



}







.btn-custom-outline {



    border-radius: 3px;



    padding: 0.8em 1.8em;



    color: #fff;



    -webkit-transition: all .5s ease-out;



    transition: all .5s ease-out;



    text-transform: uppercase;



    background-color: transparent;



    border-color: #ffffff;



}







.btn-custom-outline:hover,



.btn-custom-outline:focus {



    color: #ffffff;



    background-color: rgba(255, 255, 255, .5);



}







.btn-bar a {



    margin-right: 10px;



}







.form-control {



    box-shadow: none;



    -webkit-box-shadow: none;



    border-radius: 3px;



    height: 38px;



}







.form-control:focus {



    outline: none;



    box-shadow: none;



    -webkit-box-shadow: none;



}







section {



    position: relative;



    padding-top: 80px;



    padding-bottom: 80px;



    background-color: #fff;



}











/* BUTTON */







.btn_res {



    display: inline-block;



    margin: 0 5px;



    padding: 0 5px;



    min-width: 140px;



    height: 46px;



    line-height: 46px;



    text-align: center;



    border: none;



}







.btn_s {



    display: inline-block;



    margin: 0 5px;



    padding: 0 5px;



    min-width: 63px;



    height: 21px;



    line-height: 19px;



    text-align: center;



}







.btn._next {



    color: #fff;



    background: #333437;



}







.btn._cancel {



    color: #fff;



    background: #909297;



}







.btn_s._check {



    position: relative;



    font-size: 12px;



    border: 1px solid #ddd;



    background: #fff;



}







.btn_s._zip_code {



    position: relative;



    font-size: 12px;



    border: 1px solid #ddd;



    background: #fff;



}







.btn_s._cancel {



    position: relative;



    top: 1px;



    font-size: 12px;



    border: 1px solid #ddd;



    background: #fff;



}







.btn_s._search {



    position: relative;



    top: 1px;



    font-size: 12px;



    border: 1px solid #ddd;



    background: #fff;



}







._orange {



    color: #ff6648 !important;



}







._blue {



    color: #8fc0e3 !important;



}











/* 2 Helper classes



----------------------------------------------------------------------------- */







.margin-t-md {



    margin-top: 30px;



}







.margin-b-md {



    margin-bottom: 30px;



}







.title {



    font-weight: 500;



    letter-spacing: 0.02em;



    text-transform: uppercase;



    margin-bottom: 20px;



}







.slog {



    max-width: 1000px;



    margin: 0 auto;



    margin-bottom: 80px;



}







.bg-dark {



    background: #f4f4f4;



    border-bottom: 1px solid #eee;



    border-top: 1px solid #eee;



}











/* 3 Parallax



----------------------------------------------------------------------------- */







.parallax {



    background-position: 0 0;



    background-repeat: no-repeat;



    background-size: 100% auto;



    width: 100%;



    background-size: cover;



    background-attachment: fixed;



}











/* 4 Preloader



----------------------------------------------------------------------------- */







.animationload {



    position: fixed;



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    background-color: #fff;



    /* change if the mask should have another color then white */



    z-index: 999999;



}







.loader {



    width: 200px;



    height: 200px;



    font-size: 24px;



    text-align: center;



    position: absolute;



    left: 50%;



    top: 50%;



    background-image: url(/images/mtl01r-19-0004/preloader.gif);



    background-repeat: no-repeat;



    background-position: center;



    margin: -100px 0 0 -100px;



}











/* 5 Topbar / Navigation



----------------------------------------------------------------------------- */







#L_SITE_LOGO h1 {



    margin: 0;



}







#L_SITE_LOGO a {



    line-height: 95px;



}







#L_SITE_LOGO img {



    vertical-align: middle;



}







.navbar-custom {



    background-color: #ffffff;



    margin-bottom: 0px;



    width: 100%;



    z-index: 1000;



    border: none;



    color: #333;



    border-radius: 0px;



    position: relative;



}







.navbar-custom .navbar-brand {



    font-size: 22px;



    text-transform: uppercase;



    color: #666;



    font-weight: 800;



    letter-spacing: 0.15em;



    margin: 15px 0 0;



}







.navbar-custom .navbar-brand:hover {



    color: #888;



}







.navbar-custom .nav {



    margin-top: 5px;



}







.navbar-custom .navbar-nav>li>a {



    color: #666;



    font-size: 14px;



    font-weight: 500;



    text-transform: uppercase;



}







.navbar-custom .navbar-nav>.active>a,



.navbar-custom .navbar-nav>.active>a:hover,



.navbar-custom .navbar-nav>.active>a:focus,



.navbar-custom .navbar-nav>.open>a,



.navbar-custom .navbar-nav>.open>a:hover,



.navbar-custom .navbar-nav>.open>a:focus,



.navbar-custom .navbar-nav>li>a:hover,



.navbar-custom .navbar-nav>li>a:focus {



    background-color: transparent;



}







.login-bar {



    padding: 29px 0;



    text-align: center;



    float: right;



    z-index: 2;



    position: relative;



}







.login-bar li {



    display: inline-block;



    position: relative;



    margin-left: 10px;



    border-left: 1px solid #ddd;



    height: 23px;



    border: 1px solid #525353;



    border-radius: 11px;



    margin-bottom: 10px;



}







.login-bar li a {



    font-size: 12px;



    line-height: 23px;



    padding: 0 14px;



    color: #525353;



    font-weight: 500;



}







.login-bar .material-icons {



    display: block;



    position: absolute;



    right: 6px;



    top: 2px;



    font-size: 18px;



    color: #fff;



}







.login-bar li:first-child {



    padding-right: 12px;



    background-color: #214198;



    border: 1px solid #214198;



}







.login-bar li:first-child a {



    display: block;



    width: 55px;



    color: #fff;



}







.login-bar li ul {



    position: absolute;



    left: -11px;



    top: 31px;



}







.login-bar li ul li {



    padding-right: 12px;



}







.login-bar li ul li a {



    display: block;



    margin-bottom: 38px;



    width: 55px;



}







.login-bar .lang_list {



    display: none;



    position: absolute;



    background-color: #000;



    width: 71px;



    left: -3px;



    border-radius: 10px;



    padding: 5px 0;



    top: -1px;



}







.login-bar .lang_list dd a {



    color: #fff;



    font-weight: 400;



    position: relative;



    line-height: 26px;



}







.login-bar .lang_list dd a i {



    color: #fff !important;



    right: -8px !important;



    top: 5px !important;



}



/*메인이미지



---------------------------------------------------------------------------------------------------------------------------------------------------------- */ 







.carousel-inner > .item {



    height: 970px;



}







.carousel-inner > .main-img01 {



    background: url("/images/mtl01r-19-0004/main_visual01.jpg") no-repeat center center/cover;



}







.carousel-inner > .main-img02 {



    background: url("/images/mtl01r-19-0004/main_visual02.jpg") no-repeat center center/cover;



}







.main-visual {



    position: relative;



}







.main-visual .carousel-caption {



    top: 45%;



    left: 0;



    right: 0;



    bottom: auto;



    padding: 0;



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



    -ms-transform: translateY(-50%);



    transform: translateY(-50%);



    margin: auto;



    width: 100%;



    text-shadow: none;



    color: #fff;



}







.main-visual .carousel-caption .slogan {



    padding: 0;



    line-height: 1.3;



    word-break: keep-all;



}







.main-visual .carousel-caption .slogan p {



    font-weight: normal;



    font-size: 25px;



}







.main-visual .carousel-caption .slogan .copy_numb {



    position: relative;



    display: inline-block;



    color: #ffa800;



    font-weight: 900;



    font-size: 35px;



    margin-bottom: 30px;



}







.main-visual .carousel-caption .slogan .copy_numb:before {



    content: '';



    position: absolute;



    top: -10px;



    width: 100%;



    height: 1px;



    background: #ffa800;



}







.main-visual .carousel-caption .slogan .main-copy span {



    display: block;



}







.main-visual .carousel-caption .slogan .main-copy span:nth-child(1) {



    font-size: 25px;



    color: #1e1e1e;



    line-height: 1.4;



    font-weight: 300;



    letter-spacing: 4px;



    margin-bottom: 15px;



}







.main-visual .carousel-caption .slogan .main-copy span:nth-child(2) {



    font-size: 50px;



    line-height: 1.2;



    color: #000;



    letter-spacing: -3px;



    font-weight: 700;



    margin-bottom: 20px;



}







.main-visual .carousel-caption .slogan .main-copy span:nth-child(3) {



    font-size: 18px;



    line-height: 1.4;



    color: #000;



    letter-spacing: -1px;



    font-weight: 500;



    margin-bottom: 30px;



}







.main-visual .carousel-caption .slogan .main-copy a {



    display: inline-block;



    padding: 12px 20px;



    border: 1px solid #333;



    font-size: 18px;



    color: #000;



    font-weight: 300;



    transition: .2s;



}



.main-visual .carousel-caption .slogan .main-copy a:hover {



    background: #214198;



    border: 1px solid #214198;



    color: #fff;



    transition: .2s;



	box-shadow: 0 10px 37px rgb(28, 158, 117,0.3);



}







.main-visual .carousel-control {



    background: none;



    text-shadow: none;



    width: 10%;



    text-indent: -9999em;



    overflow: hidden;



}







.main-visual .carousel-control {



    display: none;



}







.main-visual .carousel-control,



.main-visual .carousel-control:focus,



.main-visual .carousel-control:hover {



    opacity: 1;



}







.main-visual .carousel-indicators {



    bottom: 120px;



    left: 0;



    margin-left: 0;



    width: 100%;



    text-align: center;



}







.main-visual .carousel-indicators li {



    width: 15px;



    height: 15px;



    box-sizing: border-box;



    vertical-align: middle;



    border: 3px solid #214198;



    border-radius: 15px;



}







.main-visual .carousel-indicators .active {



    width: 9px;



    height: 9px;



    box-sizing: border-box;



    background: #3153af;



    border-radius: 15px;



    border: none;



}















/* 메인 페이지 



------------------------------------------------------------------------------ */



.business {



    max-width: 1180px;



    margin: 130px auto 0;



}







.business h2,



.onload h2,



.intro h2 {



    font-size: 50px;



    position: relative;



    color: #214198;



    text-align: center;



    line-height: 1.2;



    letter-spacing: -3px;



    font-weight: 600;



}







.business h3,



.onload h3,



.intro h3 {



    color: #1e1e1e;



    font-size: 20px;



    text-align: center;



    font-weight: 400;



    letter-spacing: -1px;



    margin: 43px 0;



}







.business h2:after,



.onload h2:after,



.intro h2:after {



    display: block;



    content: "";



    position: absolute;



    bottom: -41px;



    left: 50%;



    width: 30px;



    height: 30px;



    border-top: 1px solid #1c9d76;



    transform: rotate(-56deg);



}







.business .main-box {



    width: 33.333%;



}







.business .main-box dl dt {



    margin-top: 15px;



    height: 450px;



    background-color: #eee;



    box-shadow: 23px 19px 35px 0 rgba(0, 0, 0, 0.15);



}







.business .biz_01 dl dt {



    border-radius: 0 0 0 50px;

background-size: cover;

}







.business .biz_02 dl dt {



    border-radius: 0 50px 0 0;

background-size: cover;

}







.business .biz_03 dl dt {



    border-radius: 0 0 50px 0;   

background-size: cover;

}







.business > div > dl > dt {



    background-repeat: no-repeat;



    background-position: center;



    background-size: cover;



}







.business .biz_01 dl dt {



    background-image: url(/images/mtl01r-19-0004/main_01.jpg);



}







.business .biz_02 dl dt {



    background-image: url(/images/mtl01r-19-0004/main_02.jpg);



}







.business .biz_03 dl dt {



    background-image: url(/images/mtl01r-19-0004/main_03.jpg);



}







.business .main-box dl {



    max-width: 300px;



	margin:0 auto;



}







.business dl dd:nth-child(2) {



    font-size: 40px;



    color: #1e1e1e;



    font-weight: 300;



    letter-spacing: -2px;



    line-height: 1.3;



    display: inline-block;



}







.business dl dd:nth-child(3) {



    font-size: 25px;



    color: #1e1e1e;



    display: inline-block;



    font-weight: 600;



    letter-spacing: -1px;



    line-height: 1;



    padding-left: 10px;



}







.business dl dd:nth-child(3) span {



    color: #214198;



}







.biz_02 {



    padding-top: 151px;



}







.biz_03 {



    padding-top: 69px;



}







.business:after {



    display: block;



    content: "";



    clear: both;



}







.intro {



    margin-top: 0;



    overflow: hidden;



    margin-bottom: 100px;



    background-image: url('/images/mtl01r-19-0004/paing_bg_4.png');



    background-position: center top;



    background-repeat: no-repeat;

    background-size: contain;



}







.intro .row {



    max-width: 1180px;



    margin: 0 auto;



}







.intro .row .tit {



    margin-top: 270px;



}







.intro .tit h2 {
    color: #222;
}



.intro .tit h3 {



    color: #fff;



}







.intro h2:after {



    border-top-color: #fff;



}







.notice_cs {



    margin: 0 auto 125px;



}







.notice_cs .row {



    margin: 0;



}



.notice_cs .notice {



	width:50%;



}







.notice_cs .cs {



    background-color: #255853;



	width:50%;



}







.notice .main-box-inner {



    float: right;



    width: 555px;



}







.notice_cs .cs .main-box-inner {



    padding: 75px 50px;



    position: relative;



    background-image: url(/images/mtl01r-19-0004/whoispaint_csbg1.jpg);



    background-repeat: no-repeat;



    background-size: cover;



    background-position: center center;



}







.notice_cs .cs ul li {



    color: #fff;



}







.notice_cs .cs ul li:nth-child(1) {



    font-size: 30px;



    letter-spacing: -1px;



    line-height: 1;



    padding-left: 34px;



    position: relative;



}







.notice_cs .cs ul li:nth-child(1):before {



    content: url("/images/mtl01r-19-0004/icn_call.png");



    display: block;



    position: absolute;



    left: 0;



    width: 27px;



    height: 27px;



}







.notice_cs .cs ul li:nth-child(2) {



    font-size: 60px;



    font-weight: 700;



    line-height: 83px;



}







.notice_cs .cs ul li:nth-child(3) em {



    font-style: normal;



    font-weight: 300;



}







.notice_cs .cs ul li:nth-child(3) span {



    padding-right: 25px;



}







.notice_cs .cs ul li:nth-child(3),



.notice_cs .cs ul li:nth-child(4) {



    font-size: 16px;



    line-height: 1.8;



}







.onload {



    margin: 0 auto 100px;



}







.onload .map {



	width:100%;



}







.onload .main-box {



    padding: 0;



}







.location .root_daum_roughmap {



    padding: 0;



    width: 100%;



    border: 0;



}







.onload .main-box .map_info {



    max-width: 1180px;



    margin: 0 auto;



    position: relative;



}







.onload .main-box .map_info ul {



    display: block;



    position: absolute;



    top: 100px;



    left: 0;



    max-width: 400px;



    height: 400px;



    background-color: #214198;



    z-index: 9;



    padding: 82px 0 0 40px;



    box-sizing: border-box;



}







.onload .main-box .map_info ul li {



    color: #fff;



    font-size: 16px;



    word-break: keep-all;



    padding-left: 60px;



    line-height: 48px;



    margin-bottom: 54px;



    position: relative;



}







.onload .main-box .map_info ul li:before {



    display: block;



    content: "";



    position: absolute;



    width: 48px;



    height: 48px;



    left: 0;



    border-radius: 25px;



}







.onload .main-box .map_info ul li:nth-child(1):before {background: url('/images/mtl01r-19-0004/map_icon01.png') no-repeat center top;}



.onload .main-box .map_info ul li:nth-child(2):before {background: url('/images/mtl01r-19-0004/map_icon02.png') no-repeat center top;}



.onload .main-box .map_info ul li:nth-child(3):before {background: url('/images/mtl01r-19-0004/map_icon03.png') no-repeat center top;}







.onload .main-box .map_info ul li:nth-child(1) span {display: inline-block; line-height: 21px;}







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



    .notice .main-box-inner {



        max-width: 100%;



    }



}



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



	



    .business {



        margin-top: 40px;



		padding:0 15px;



    }



    



    .intro .row .tit {



        margin-top: 200px;



    }



    



    .notice_cs {



        margin-bottom: 80px;



    }



    



    .main-visual .carousel-indicators {



        display: none;



    }



    



    .business h2,



    .onload h2,



    .intro h2 {



        font-size: 35px;



    }



    .notice .main-box-inner {



        max-width: 100%;



    }



}



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







    .business h2,



    .onload h2,



    .intro h2 {



        font-size: 30px;



		font-weight:500;



    }



	.business h3, 



	.onload h3, 



	.intro h3 {



		font-size:17px;



		font-weight:500;



	}







    .business .main-box {



        width: 33.333%;



    }



    .business .main-box dl {



		max-width: 90%;



	}



	.business .main-box dl dt{



		.height:380px;



	}



	.business dl dd:nth-child(3) {



		font-size:17px;



		font-weight:500;



	}



	.intro {



	    background-position: initial;



	    margin-bottom: 60px;



	}



	.intro .row .tit {



		margin-top: 120px;



		padding:0 15px;



	}



    .notice .main-box-inner {



        width: 100% !important;



		min-height:auto !important;



		padding-bottom:0;



    }



    .notice_cs .main-box {



		margin-bottom:0;



	}



    .notice_cs .main-box h5 {



		font-size: 20px;



	}



    .carousel-indicators {



        display: none;



    }



	.extract-notice-content > div {



		font-size:14px !important;



	}



    .extract-notice-article {



		padding:12px 0 !important;



	}



	.notice_cs .cs .main-box-inner {



		padding: 40px;



		min-height:268px;



	}



	.notice_cs .cs ul li:nth-child(1) {



		font-size:20px;



		line-height:1.8;



	}



	.notice_cs .cs ul li:nth-child(2) {



		font-size: 45px;



		font-weight:500;



	}



	.notice_cs .cs ul li:nth-child(3), 



	.notice_cs .cs ul li:nth-child(4) {



		font-size:14px;



	}



    .onload .main-box .map_info ul {



        bottom: -501px;



        width: 100%;



        height: 215px;



        padding: 20px;



        top: auto;



        max-width: none;



    }



    



    .onload .main-box .map_info ul li {



        margin-bottom: 14px;



		font-size:14px;



        min-height: 50px;



        align-items: center;



    }



	.onload {



		margin-bottom:0;



	}







	.viewport .img-title p {



		font-size:20px !important;



		font-weight:500 !important;



	}



	.viewport .img-title span {



		font-size:14px !important;



	}











}



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



    .business .main-box {



        width: 100%;



    }



    



    .business .main-box dl {



        max-width: 100% !important;



    }



    



    .business .main-box {



        width: 100%;



	    padding-top: 20px;



    }



    



    .business .main-box dl {



        max-width: 100%;



    }



	.business .main-box dl dt {



		height: auto;



		min-height: 260px;



		background-position: center;



	}



	.notice_cs .main-box {



		width:100%;



	}



}











/* 6 Home



----------------------------------------------------------------------------- */







#home {



    padding: 180px 0;



    z-index: 1;



    position: relative;



    font-size: 13px;



    color: #fff;



    /*background: #000;*/



    min-height: 400px;



}







.home-bg {



    background-size: cover;



    z-index: -1;



    position: absolute;



    top: 0;



    /*opacity: 0.50;*/



    right: 0;



    bottom: 0;



    left: 0;



    background: url(/images/mtl01r-19-0004/main_visual.jpg) no-repeat center;



}







.intro-title {



    font-weight: bold;



    color: #ffffff;



    text-transform: uppercase;



    font-size: 48px;



    line-height: 60px;



    margin: 0px 0px 30px 0px;



}







.intro-title span {



    color: #9BD4FF;



    display: block;



}







.intro-text {



    font-size: 14px;



    color: #ffffff;



    margin-bottom: 20px;



}







.typed-cursor {



    opacity: 1;



    -webkit-animation: blink .6s infinite;



    -moz-animation: blink .6s infinite;



    -ms-animation: blink .6s infinite;



    -o-animation: blink .6s infinite;



    animation: blink .6s infinite;



}







@-webkit-keyframes blink {



    0% {



        opacity: 1;



    }



    50% {



        opacity: 1;



    }



    50.01% {



        opacity: 0;



    }



    100% {



        opacity: 0;



    }



}







@-moz-keyframes blink {



    0% {



        opacity: 1;



    }



    50% {



        opacity: 1;



    }



    50.01% {



        opacity: 0;



    }



    100% {



        opacity: 0;



    }



}







@-ms-keyframes blink {



    0% {



        opacity: 1;



    }



    50% {



        opacity: 1;



    }



    50.01% {



        opacity: 0;



    }



    100% {



        opacity: 0;



    }



}







@-o-keyframes blink {



    0% {



        opacity: 1;



    }



    50% {



        opacity: 1;



    }



    50.01% {



        opacity: 0;



    }



    100% {



        opacity: 0;



    }



}







@keyframes blink {



    0% {



        opacity: 1;



    }



    50% {



        opacity: 1;



    }



    50.01% {



        opacity: 0;



    }



    100% {



        opacity: 0;



    }



}











/* 7 About-us



----------------------------------------------------------------------------- */







#about-us .features-box {



    overflow: hidden;



    clear: both;



    margin-bottom: 30px;



}







.features-box i {



    font-size: 36px;



}







.features-box .features-line {



    border-left: 1px solid #eee;



    border-right: 1px solid #eee;



}







.features-box p {



    color: #9aa7af;



    line-height: 22px;



}







.advanced-about {



    overflow: hidden;



    clear: both;



}







.advanced-about ul li {



    margin: 5px 0px



}







.advanced-about ul li i {



    margin-right: 10px;



}











/* 8 Fun-facts



----------------------------------------------------------------------------- */







.fun-facts {



    overflow: hidden;



    color: #888;



}







.facts {



    margin: 20px 0px;



}







.facts i {



    font-size: 36px;



}











/* 9 Portfolio



----------------------------------------------------------------------------- */











/* image hover effect */







.item-img-wrap {



    position: relative;



    text-align: center;



    overflow: hidden;



}







.item-img-wrap img {



    -webkit-transition: all 200ms linear;



    -moz-transition: all 200ms linear;



    -o-transition: all 200ms linear;



    -ms-transition: all 200ms linear;



    transition: all 200ms linear;



    -webkit-border-top-left-radius: 5px;



    -webkit-border-top-right-radius: 5px;



    -moz-border-radius-topleft: 5px;



    -moz-border-radius-topright: 5px;



    border-top-left-radius: 5px;



    border-top-right-radius: 5px;



}







.item-img-overlay {



    position: absolute;



    width: 100%;



    height: 100%;



    left: 0;



    top: 0;



    border-radius: 5px 5px 0px 0px;



}







.item-img-overlay span {



    width: 100%;



    height: 100%;



    position: absolute;



    top: 0;



    border-radius: 5px 5px 0px 0px;



    left: 0;



    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";



    filter: alpha(opacity=0);



    opacity: 0;



    -webkit-transition: opacity 250ms linear;



    transition: opacity 250ms linear;



}







.item-img-wrap:hover .item-img-overlay span {



    opacity: 1;



}







.item-img-wrap:hover img {



    -moz-transform: scale(1.1);



    -webkit-transform: scale(1.1);



    -o-transform: scale(1.1);



    transform: scale(1.1);



}







.work-desc {



    width: 100%;



    padding: 10px 20px;



    background: #f8f8f8;



    border: 1px solid #e3e3e3;



    border-top: none;



    -webkit-border-bottom-right-radius: 5px;



    -webkit-border-bottom-left-radius: 5px;



    -moz-border-radius-bottomright: 5px;



    -moz-border-radius-bottomleft: 5px;



    border-bottom-right-radius: 5px;



    border-bottom-left-radius: 5px;



    position: relative;



}







.work-desc h3 {



    margin: 0;



    padding: 0;



    font-size: 16px;



    font-weight: 500;



    text-transform: capitalize;



    margin-bottom: 5px;



}







.work-desc span {



    margin-top: 10px;



}











/* 10 inner (Info)



----------------------------------------------------------------------------- */







#inner-section {



    background: url(/images/mtl01r-19-0004/img-2.jpg) center;



}







.intermediate-container .subheading h4 {



    color: #ffffff;



    font-style: italic;



}







.intermediate-container .heading h2 {



    font-size: 40px;



    line-height: 47px;



    text-transform: uppercase;



    margin-top: 30px;



    color: #ffffff;



    margin-bottom: 20px;



    font-weight: 500;



}











/* 11 Team / Skills



----------------------------------------------------------------------------- */







.team h5 {



    color: #9aa7af;



}







.skill-chart {



    margin: 0px auto;



}







.skill i {



    font-size: 20px;



    vertical-align: middle;



    margin-right: 5px;



}











/* 12 Services



----------------------------------------------------------------------------- */







.service-item i {



    float: left;



    font-size: 28px;



    line-height: 36px;



    width: 30px;



}







.service-item .service-detail {



    margin-left: 50px;



}







.service-item .service-detail p {



    color: #9aa7af;



}











/* 13 Testimonials



----------------------------------------------------------------------------- */







#testimonials {



    background: url(/images/mtl01r-19-0004/img-2.jpg) center;



}







.testi-slide {



    color: #f1f2f3;



}







.testi-slide .img-user {



    width: 48px;



    height: 48px;



    border: 3px solid #ffffff;



}







.testi-slide h5 {



    font-weight: 400;



    line-height: 24px;



}







.owl-theme .owl-controls .owl-page span {



    -webkit-border-radius: 20px;



    -moz-border-radius: 20px;



    border-radius: 20px;



    border: 2px solid #ffffff;



    background: transparent;



}











/* 14 Partners



----------------------------------------------------------------------------- */







.partners {



    margin: 0 15px 30px 15px;



    overflow: hidden;



}







.partner {



    padding: 15px;



    text-align: center;



    -webkit-box-shadow: -1px -1px 0px 0px #ebeef0;



    -moz-box-shadow: -1px -1px 0px 0px #ebeef0;



    box-shadow: -1px -1px 0px 0px #ebeef0;



}







.partner > img {



    max-width: 100%;



    max-height: 100%;



}











/* 15 Contact



----------------------------------------------------------------------------- */







.form-main {



    padding-top: 30px;



}







.error {



    margin: 8px 0px;



    display: none;



    color: red;



}







#ajaxsuccess {



    font-size: 16px;



    width: 100%;



    display: none;



    clear: both;



    margin: 8px 0px;



}







#contact .con_sub_text {



    margin-top: 20px;



}







#contact textarea.form-control {



    height: 120px;



}







#contact i {



    margin-bottom: 0px;



    font-size: 36px;



    line-height: 36px;



}







#contact h4 {



    font-size: 22px;



    line-height: 28px;



    margin-bottom: 20px;



}







#contact a.support {



    display: block;



    font-size: 30px;



}







.info-contact {



    font-size: 16px;



}











/* 16 Footer



----------------------------------------------------------------------------- */







.footer {



    background: #fcfbfb;



    border-top: 1px solid #e9e9e9;



    overflow: hidden;



}







.footer .footer-menu {



    height: 69px;



    line-height: 69px;



    max-width: 1180px;



    margin: 0 auto;



}







.footer .footer-menu:after {



    content: '';



    display: block;



    clear: both;



}







.footer .footer-menu li {



    display: inline-block;



}







.footer .footer-menu li:first-child {



    margin-left: 0;



    padding-left: 0;



    border-left: 0;



}







.footer .footer-menu li a {



    display: block;



    line-height: 69px;



    font-size: 16px;



    color: #888;



    padding: 0 15px;



    position: relative;



}







.footer .footer-menu li a:after {



    content: "|";



    position: absolute;



    right: -3px;



    color: #777;



    font-weight: 300;



}







.footer .footer-menu li:first-child {



    margin-left: 0;



    padding-left: 20px;



    border-left: 1px solid #e9e9e9;



}







.footer .footer-menu li:last-child {



    border-right: 1px solid #e9e9e9;



    padding-right: 20px;



}







.footer .footer-menu li:nth-child(3) a:after {



    display: none;



}







.footer-info {



    border-top: 1px solid #e9e9e9;



}







.footer-menu ul {



    float: left;



}







.footer-menu dl {



    float: right;



}







.footer-menu dl dd,



.footer-menu dl dt {



    display: inline-block;



}







.footer-info .info-list {



    max-width: 1180px;



    margin: 0 auto;



    padding: 26px 0 54px 280px;



    position: relative;



}







.footer-menu dl dd {



    line-height: 3;



    text-indent: -9999px;



    width: 40px;



    height: 40px;



    margin-right: 15px;



    background-repeat: no-repeat;



}







.footer-menu dl dt a,



.footer-menu dl dd a {



    display: block;



}







.footer-menu dl dd:nth-child(1) {



    background-image: url(/images/mtl01r-19-0004/sns_band.png);



}







.footer-menu dl dd:nth-child(2) {



    background-image: url(/images/mtl01r-19-0004/sns_facebook.png);



}







.footer-menu dl dd:nth-child(3) {



    background-image: url(/images/mtl01r-19-0004/sns_instagram.png);



}







.footer-menu dl dt {



    width: 99px;



    height: 69px;



    background-image: url(/images/mtl01r-19-0004/top_btn.jpg);



    background-repeat: no-repeat;



    line-height: 72px;



    text-indent: -9999px;



}







.foot-logo {



    position: absolute;



    left: 27px;



    top: 25px;



    width: 151px;



    height: 40px;



    background-image: url(/images/mtl01r-19-0004/whoispaint_footlogo.png);



    text-indent: -999px;



    display: block;



}







.footer-info .info-list span,



.footer-info .info-list p {



    color: #ababab;



    font-size: 14px;



    line-height: 1.85;



    font-weight: 300;



}







.footer-info .info-list span em {



    font-style: normal;



    font-size: 11px;



}











/* 17 Back-to-top



----------------------------------------------------------------------------- */







.back-to-top {



    width: 40px;



    height: 40px;



    position: fixed;



    bottom: 10px;



    right: 20px;



    display: none;



    text-align: center;



    z-index: 10000;



    -webkit-border-radius: 50%;



    -moz-border-radius: 50%;



    border-radius: 50%;



}







.back-to-top i {



    color: #fff;



    font-size: 15px;



    display: block;



    line-height: 33px;



}











/* 18 Responsive



----------------------------------------------------------------------------- */











/*==================================



STYLE SWITHER - Demo purpose only



==================================*/







#style-switcher div h3 {



    color: #1D1D1D;



    font-size: 16px;



    margin: 8px 3px 12px;



}







#style-switcher {



    background: none repeat scroll 0 0 #FFFFFF;



    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.08);



    left: -189px;



    position: fixed;



    top: 17%;



    width: 189px;



    z-index: 9999;



    padding: 10px 5px;



}







#style-switcher div {



    padding: 5px 10px;



}







#style-switcher .bottom {



    background: none repeat scroll 0 0 #FFFFFF;



    color: #252525;



    padding: 0;



}







#style-switcher .bottom a.settings {



    background: none repeat scroll 0 0 #FFFFFF;



    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.08);



    display: block;



    height: 41px;



    position: absolute;



    right: -40px;



    top: 0;



    width: 40px;



    padding: 3px;



}







#style-switcher .bottom a {



    text-decoration: none;



}







#style-switcher .bottom a.settings i {



    margin-left: 8px;



    color: gray;



    font-size: 18px;



    position: absolute;



    margin-top: 9px;



}







ul.pattern {



    list-style: none outside none;



    margin: 0 0 0px;



    overflow: hidden;



    padding: 0;



    border-radius: 0px;



}







ul.pattern li {



    float: left;



    margin: 2px;



}







ul.pattern li a {



    cursor: pointer;



    display: block;



    height: 35px;



    width: 35px;



}







ul.pattern .color1 {



    background-color: #1dc6df;



}







ul.pattern .color2 {



    background-color: #d13a7a;



}







ul.pattern .color3 {



    background-color: #f05050;



}







ul.pattern .color4 {



    background-color: #33b86c;



}







ul.pattern .color5 {



    background-color: #3a3f51;



}







ul.pattern .color6 {



    background-color: #Fbce43;



}







ul.pattern .color7 {



    background-color: #6d5cae;



}







ul.pattern .color8 {



    background-color: #00b19d;



}











/* ********************************************************************* COLOR ********************************************************************** */







.btn-custom {



    background-color: #0062AA;



    border-color: #0062AA;



}







.btn-custom:hover,



.btn-custom:focus {



    background-color: #0078CE;



    border-color: #0062AA;



}







.form-control:focus {



    border-color: #0062AA;



}







.navbar-custom .navbar-nav>.active>a,



.navbar-custom .navbar-nav>.active>a:hover,



.navbar-custom .navbar-nav>.active>a:focus,



.navbar-custom .navbar-nav>.open>a,



.navbar-custom .navbar-nav>.open>a:hover,



.navbar-custom .navbar-nav>.open>a:focus,



.navbar-custom .navbar-nav>li>a:hover,



.navbar-custom .navbar-nav>li>a:focus,



.testi-slide p,



#ajaxsuccess,



#contact i,



#contact h4 {



    color: #0062AA !important;



}







.item-img-overlay span {



    background: url(/images/mtl01r-19-0004/plus.png) no-repeat center center rgba(0, 177, 157, .7);



}







.work-desc {



    border-bottom: 2px solid rgba(0, 177, 157, .7);



}







.back-to-top {



    background: #214198;



}











/* ********************************************************************* NAVI 상단메뉴 ********************************************************************** */







.dropdown-menu .divider {



    margin: 0;



}







.dropdown-menu>li>a {



    padding: 10px 20px;



    font-weight: 500;



    color: #919191;



}







.dropdown-menu>li>a:hover {



    background-color: #ffffff;



    color: #0062AA;



}







.navbar-custom .navbar-nav> li:last-child > a {



    padding-right: 0;



}







.navbar .dropdown-menu {



    border-top: 1px solid #0062AA;



    border-bottom: 2px solid #0062AA;



    border-radius: 0;



    box-shadow: none;



    font-size: 13px;



    min-width: 210px;



    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);



    border-left: 0;



    border-right: 0;



    margin-bottom: 0 !important;



    padding: 0;



    left: 50%;



    margin-left: -110px;



}







.navbar.navbar-main .dropdown-menu > li > a {



    line-height: 2.66 !important;



    border-bottom: 1px solid #f0f0f0;



    padding: 2px 20px 2px 14px;



}







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



    .navbar.navbar-main s.dropdown-menu > li:last-child > a {



        border-bottom: 0;



    }



}







.dropdown-arrow {



    font-size: 10px;



    padding-left: 7px;



    color: #ccc;



}







.dropdown-submenu>a:after {



    display: block;



    content: " ";



    float: right;



    width: 0;



    height: 0;



    border-color: transparent;



    border-style: solid;



    border-width: 3px 0 3px 3px;



    border-left-color: #ccc;



    margin-top: 14px;



    margin-right: -10px;



}







.dropdown-submenu:hover>a:after {



    border-left-color: #2c62ae;



}







.dropdown-submenu.pull-left {



    float: none;



}







.dropdown-submenu.pull-left>.dropdown-menu {



    left: -100%;



    margin-left: 10px;



    -webkit-border-radius: 6px 0 6px 6px;



    -moz-border-radius: 6px 0 6px 6px;



    border-radius: 6px 0 6px 6px;



}











/* ********************************************************************* MAIN CONTENTS 메인컨텐츠 ********************************************************************** */







.whois-main-contents-area {



    padding-top: 50px;



    padding-bottom: 50px;



}







.whois-main-contents-area i {



    color: #00b19d;



}







.whois-main-contents-area .row {



    margin-bottom: 20px;



}







.main-box {



    float: left;



}







.main-box-inner {



    padding: 20px;



    min-height: 330px;



    font-size: 14px;



    color: #747474;



    overflow: hidden;



    position: relative;



}







.main-box h5 {



    margin: 0 0 35px 0;



    padding: 0;



    font-size: 28px;



    font-weight: 500;



    color: #1e1e1e;



    letter-spacing: -1px;



}







.main-box .main-box-customer li {



    padding: 0 0 10px 0;



}







.main-box .main-box-customer li.main-box-customer-time {



    margin: 10px 0 0 0;



    padding: 20px 0 0 0;



    border-top: 1px solid #ccc;



}







.main-box .main-box-customer li i {



    width: 10%;



    margin: 4px 0 0 0;



    vertical-align: top;



}







.main-box .main-box-customer li .main-box-customer-text {



    width: 90%;



    display: inline-block;



}











/* ********************************************************************* JOIN & LOGIN ********************************************************************** */







.con_title h3 {



    color: #313131;



    font-size: 35px;



    font-weight: bold;



    line-height: 1;



    letter-spacing: -1px;



}











/* Header



---------------------------------------------------------------------------------------------------------------------------------------------------------- */







#header {



    width: 100%;



    height: 88px;



    background: transparent;



    z-index: 16



}







#header #L_SITE_LOGO {



    position: relative;



    z-index: 2



}







#header h1 {



    float: left;



    padding-left: 30px;



    line-height: 0;



    font-size: 0



}







#header h1 a {



    display: block;



    line-height: 79px;



    vertical-align: middle



}







.nav-btn {



    z-index: 999;



    position: absolute;



    top: 35px;



    right: 32px;



    width: 35px;



    height: 29px;



    cursor: pointer



}







.nav-btn span {



    position: absolute;



    left: 50%;



    display: inline-block;



    margin-left: -17.5px;



    width: 35px;



    height: 3px;



    background: #214198;



    -webkit-transition: all .3s ease-out;



    -moz-transition: all .3s ease-out;



    transition: all .3s ease-out



}







.nav-btn span:nth-child(1) {



    top: 0



}







.nav-btn span:nth-child(2) {



    top: 8px



}







.nav-btn span:nth-child(3) {



    top: 16px



}







.nav-btn small {



    position: absolute;



    left: 50%;



    display: inline-block;



    margin-left: -17.5px;



    width: 35px;



    height: 20px;



    line-height: 20px;



    color: #fff;



    -webkit-transition: all .3s ease-out;



    -moz-transition: all .3s ease-out;



    transition: all .3s ease-out;



    font-size: 20px;



    bottom: -17px



}







.nav-btn small._off {



    opacity: 0



}







.nav-btn small._on {



    opacity: 1



}







.nav-btn.nav-close span:nth-child(1) {



    top: 50%;



    transform: rotate(45deg)



}







.nav-btn.nav-close span:nth-child(2) {



    margin-left: 0;



    width: 0



}







.nav-btn.nav-close span:nth-child(3) {



    top: 50%;



    transform: rotate(-45deg)



}







.nav-close small._on {



    opacity: 0



}







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



    #header {



        height: 65px;



        position: absolute;



    }



    #header h1 {



        padding-left: 20px



    }



    #header h1 a {



        line-height: 65px



    }



    .nav-btn {



        top: 23px;



        right: 20px;



        height: 20px;



        display: block;



    }



    .nav-btn.nav-close {



        position: fixed



    }



    .nav-bg {



        z-index: 777;



        display: none;



        position: fixed;



        top: 0;



        left: 0;



        width: 100%;



        height: 100%;



        background: rgba(0, 0, 0, 0.8)



    }



    #nav {



        z-index: 888;



        position: fixed;



        right: -260px;



        padding-top: 75px;



        width: 260px;



        height: 100%;



        background: #214198;



    }



    .login-menu {



        margin-bottom: 40px;



        padding: 0 20px;



        text-align: center;



        line-height: 0;



        font-size: 0



    }



    .login-menu li {



        display: inline-block



    }



    .login-menu li:first-child {



        margin-right: 25px



    }



    .navigation .main-menu {



        display: block;



        margin: 20px 0 10px 0;



        text-align: center;



        letter-spacing: -1px;



        padding: 0 20px;



        width: 100%;



        font-weight: 400;



        font-size: 18px;



        color: #fff



    }



    .navigation > li:first-child .main-menu {



        margin-top: 0



    }



    .navigation .active .main-menu {



        font-weight: 400;



        text-decoration: underline;



    }



    .navigation .sub-menu {



        display: none;



        padding: 14px 0;



        background-color: #3153af;



    }



    .navigation .sub-menu a {



        display: block;



        text-align: center;



        line-height: 50px;



        font-size: 17px;



        letter-spacing: -1px;



        font-weight: 400;



        color: #ffffff;



    }



    .nav-btn small._on {



        opacity: 0



    }



    .nav-btn.nav-close span {



        background: #fff



    }



    .main-box {



        margin-bottom: 20px;



        min-height: 348px;



    }



    .carousel-inner > .item {



        height: 500px !important;



    }



    .main-visual .carousel-caption {



        top: 28%;



    }



    .main-visual .carousel-caption .slogan {



        padding: 35px 25px;



    }



    .main-visual .carousel-caption .slogan .main-copy span:nth-child(1) {



        font-size: 19px;



    }



    .main-visual .carousel-caption .slogan .main-copy span:nth-child(2) {



        font-size: 30px;



    }



    .main-visual .carousel-caption .slogan .main-copy a {



        font-size: 14px;



        padding: 5px 10px;



    }



    .login-bar {



        float: none;



    }



    .login-bar li {



        border: 1px solid #ffffff;



    }



	.login-bar li:first-child {



		border: 1px solid #fff;



	}



    .login-bar li a {



        color: #fff;



    }



    .login-bar .material-icons {



        color: #fff;



    }



    .footer-menu dl dt {



        display: none;



    }



}







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



    #header h1 {



        padding-left: 10px



    }



    #header h1 img {



        width: 70%;



    }



    .nav-btn {



        top: 23px;



        right: 10px;



        width: 30px;



        height: 20px;



        display: block;



    }



    .nav-btn span {



        margin-left: -15px;



        width: 30px;



        height: 3px



    }



    .nav-btn span:nth-child(1) {



        top: 0



    }



    .nav-btn span:nth-child(2) {



        top: 8px



    }



    .nav-btn span:nth-child(3) {



        top: 16px



    }



    .nav-btn small._off {



        opacity: 0



    }



    .carousel-inner > .main-img01 {



        background: url("/images/mtl01r-19-0004/main_visual01.jpg") no-repeat center center/cover;



    }



    .carousel-inner > .main-img02 {



        background: url("/images/mtl01r-19-0004/main_visual02.jpg") no-repeat center center/cover;



    }



    .carousel-inner > .item {



        height: 500px !important;



    }



    .carousel-inner > .main-img01,



    .carousel-inner > .main-img02 {



        background-position: 50% center;



    }



    .main-visual .carousel-caption {



        top: 50%;



    }



    .main-visual .list-box {



        height: 135px;



    }



    .main-visual .list-box ul li {



        font-size: 14px;



        line-height: 14px;



    }



    .main-visual .list-box ul li img {



        height: 30px;



    }



    .main-visual .list-box ul li small {



        font-size: 12px;



        line-height: 12px;



    }



    .main-visual .carousel-indicators {



        display: none;



    }



    .main-visual .carousel-control.left,



    .main-visual .carousel-control.right {



        background-size: 50px;



    }



    .main-visual .carousel-caption .slogan {



        padding: 20px;



        font-size: 13px;



    }



    .main-visual .carousel-caption .slogan .copy_numb {



        font-size: 20px;



        margin-bottom: 10px;



    }



    .main-visual .carousel-caption .slogan .main-copy {



        font-size: 16px;



        line-height: 28px;



        margin-bottom: 0;



    }



    .main-visual .carousel-caption .slogan p {



        font-size: 16px;



        line-height: 28px;



    }



    .whois-main-contents-area {



        padding-top: 20px;



        padding-bottom: 0;



    }



    .main-box {



        width: 100%;



        min-height: inherit;



    }



    .main-box:last-child {



        margin: 0;



    }



    .main-box h5 {



        margin: 0 0 30px 0;



    }



    .navbar-custom .navbar-nav>li>a {



        padding-top: 10px;



        padding-bottom: 10px;



    }



    .navbar-custom .navbar-nav>li.open>a {



        border-bottom: 1px solid #f0f0f0;



    }



    .navbar .navbar-nav li a {



        line-height: 3.4;



    }



    .navbar-collapse {



        -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.08);



        -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.08);



        box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.08);



    }



    .navbar.navbar-main .navbar-nav li a {



        padding-top: 5px;



        padding-bottom: 5px;



        line-height: 26px;



    }



    .navbar.navbar-main .dropdown-menu {



        border-top: 1px solid #f0f0f0;



        border-bottom: 0;



        box-shadow: none;



        -moz-box-shadow: none;



        -webkit-box-shadow: none;



        margin-bottom: 5px !important;



        margin-left: 0;



    }



    .navbar.navbar-main .dropdown-menu > li > a {



        padding: 5px 20px 5px 23px;



    }



    .footer-menu ul,



    .footer-menu dl {



        float: none;



    }



    .footer .footer-menu {



        height: auto;



        line-height: normal;



    }



    .footer-info .info-list {



        padding: 5% 10%;



        text-align: center;



        word-break: keep-all;



    }



    .foot-logo {



        position: static;



        margin: 0 auto;



        margin-bottom: 30px;



    }



    .footer-info .info-list span,



    .footer-info .info-list p {



        line-height: 1.45;



    }



    .footer-menu ul {



        text-align: center;



    }



    .footer-menu dl {



        text-align: center;



        border-top: 1px solid #e9e9e9;



        padding: 10px 0;



    }



    #L_SITE_LOGO a {



        display: block;



        margin-left: 15px;



        line-height: 57px;



    }



    .navbar-custom {



        background-color: #fff;



    }



    .navbar-custom .navbar-brand {



        color: #333 !important;



        padding: 13px 15px 20px 15px;



        margin-top: 15px;



        height: auto;



    }



    .navbar-nav>li>a {



        color: #666 !important;



    }



    .navbar-custom .navbar-toggle {



        margin-top: 15px;



    }



    .navbar-custom .nav {



        padding: 15px 0;



    }



    .intro-title,



    .intermediate-container .heading h2 {



        font-size: 30px;



        line-height: 40px;



        text-align: center;



    }



    .intro-text {



        text-align: center;



    }



    .btn-bar {



        text-align: center;



    }



    #home {



        padding: 120px 0;



    }



    .features-box .col-sm-4 {



        text-align: center !important;



    }



    .advanced-about .col-sm-6:first-of-type,



    .skill {



        margin-bottom: 30px;



    }



    .facts {



        margin-bottom: 50px;



    }



    .footer .footer-menu li a {



        font-size: 14px;



        line-height: 45px;



    }



}







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



    .main-visual .carousel-control {



        display: none;



    }



    #style-switcher {



        display: none;



    }



    .intro-title {



        line-height: 40px;



    }



    .intro-text {



        font-size: 12px;



    }



    .footer-menu ul {



        padding: 2% 0;



    }



    .footer .footer-menu li {



        display: inline-block;



        margin-left: 0;



        padding: 0;



        border-left: 0;



        line-height: 20px;



    }



    .footer .footer-menu li:first-child {



        padding-left: 0;



    }



    .footer .footer-menu li:last-child {



        padding-right: 0;



    }



    .footer .footer-menu li a {



        font-size: 12px;



        line-height: 30px;



    }



    .footer-info .info-list span,



    .footer-info .info-list p {



        font-size: 12px;



    }



}







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



    #header {



        height: 88px;



        border-bottom: 1px solid #fff;



        position: absolute;



    }



    #header .header_in {



        position: relative;



        max-width: 1189px;



        width: 100%;



        margin: 0 auto



    }



    .nav-bg {



        z-index: 1;



        display: none;



        position: absolute;



        top: 0;



        width: 100%;



        height: 300px;



        background-color: #fff;



    }



    .nav-bg:after {



        content: '';



        position: absolute;



        top: 88px;



        width: 100%;



        height: 1px;



        background-color: #eee;



    }



    #nav {



        z-index: 888;



        float: right;



    }



    .login-menu {



        position: relative;



        z-index: 999;



        float: right;



        font-size: 0;



        line-height: 0



    }



    .login-menu li {



        display: inline-block;



        margin-left: 20px;



        line-height: 99px



    }



    .navigation {



        float: left;



        margin-top: 30px



    }



    .navigation > li {



        position: relative;



        float: left;



        width: 130px;



        text-align: center;



        z-index: 999



    }



    .navigation .main-menu {



        display: block;



        margin-bottom: 38px;



        width: 100%;



        font-weight: 500;



        letter-spacing: -1px;



        font-size: 18px;



        color: #000;



    }



    .navigation .main-menu:hover {



        color: #000;



    }



    .navigation > li:hover .main-menu {



        color: #000000;



    }



    .navigation > li:hover .main-menu:after {



        display: block;



        content: "";



        position: absolute;



        width: 100%;



        height: 1px;



        background-color: green;



        bottom: 5px;



    }



    .navigation .sub-menu {



        z-index: 888;



        display: none;



        top: 79px;



        width: 100%;



        left: 0;



        position: absolute;



    }



    .navigation .sub-menu a {



        font-size: 16px;



        color: #737373;



        letter-spacing: -1px;



        display: block;



        line-height: 40px;



    }



    .navigation .sub-menu li {



        line-height: 40px;



        width: 100%;



        text-align: center;



    }



    .navigation .sub-menu a:hover {



        color: #000;



    }



    .nav-btn {



        display: none;



    }



}







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



    .main-visual .carousel-caption {



        width: 1200px;



    }



}







@media only screen and (min-width: 1025px) and (max-width: 1200px) {



    #header h1 {



        padding-left: 20px



    }



    .nav-btn {



        right: 20px



    }



    .login-menu li:first-child {



        margin-left: 0



    }



    .navigation > li {



        width: 120px



    }



    .navigation .sub-menu {



        margin-left: -60px



    }



}











.intro .owl-item {



	width:100%;



	display:block;



	text-align:center;



}







.intro .none_tit {



    display: none;



    text-align: center;



    color: #fff;



    font-size: 16px;



    padding-bottom: 135px;



}



.intro .owl-item:first-child .none_tit {



	display:block;



}







/* custom */



/* main */

.login-bar { display:none; } 

.main-copy { background-color: rgba(255,255,255,0.7); padding: 4vw 3vw; border-radius: 10px; width: 80%; margin: 0 auto; }

.onload .main-box .map_info ul { max-width: 500px; width: 500px; padding: 72px 0 0 40px; }

.onload .main-box .map_info ul li { margin-bottom:24px; }



@media (max-width:980px){

.onload .main-box .map_info ul { max-width: 100%; width: 100%; height:300px; padding: 32px 0 0 40px; }

}

.img-title span div:nth-child(n+2) { display:none; }


/* product */
.goods-thumb-wrap { width:100%; }
.goods-info { display:none; }
.p-title { font-size: 20px; letter-spacing: -1px; margin-bottom: 20px; }
.p-description { font-size: 16px; line-height: 1.6em; letter-spacing: -0.5px; }
.p-img { margin:30px 0; }

.product-table { width:100%; margin:20px 0; }
.product-table tr th { background-color:#f5f5f5; text-align: center; padding:0.5em 1em; border: 1px solid #ebebeb; }
.product-table tr td { border: 1px solid #ebebeb; padding:0.5em 1em; text-align:center; }

/* contact */
.content-wrap { background-color: #fbfbfb; padding: 2vw 3vw 4vw 3vw; }