/*
hyonga
*/
div {
    /*border: 1px solid #ff0000;*/
}
body
    {
        background: #fff;
        font-family: 'nanumgothic', '나눔고딕', 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', Sans-Serif, 'Dotum', '돋움', 'Gulim', '굴림', '굴림체';
        font-weight: 300;
        font-size:16px;
        position: relative;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
    }
	
.tm-white a {
	color: #fff;
    height:30%;
}

/* start h1 group */
h1 { 
    margin-top: 0;
    margin-bottom: 25px; 
}
h1,
h2,
h3,
h4
    {
        font-weight: bold;
    }
/* end h1 group */
p { line-height: 1.6em; }
/* img */
img
    {
        max-width: 100%;
        height: auto;
    }
/* img */

/* overlay */
.overlay 
    {
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.4);
       /*padding-top: 90px;*/
       /*padding-bottom: 90px;*/
    }  
/* over lay */

/* start page container */
@media (min-width: 768px) {
  .container {
    width: 700px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 900px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1000px;
  }
}
/* end page container */
.titleAlign {
    /*width:400px;
    padding:0 0 20px 0;*/
}
.titleIcon {
    color:#fff;
    font-size:40px;
}
/* start preloader */
.preloader
    {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 99999;
        text-align:center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        /*justify-content: center;*/
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background: none repeat scroll 0 0 #fff;
    }

.sk-spinner-rotating-plane.sk-spinner 
    {
        width: 40px;
        height: 40px;
        background-color: rgb(40, 167, 233);
         margin: 0 auto;
        -webkit-animation: sk-rotatePlane 1s infinite ease-in-out;
                animation: sk-rotatePlane 1s infinite ease-in-out;
     }

@-webkit-keyframes sk-rotatePlane {
  0% {
         -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
                 transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
                transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
                    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotatePlane {
  0% {
         -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
                 transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
                transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
                    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
/* end preloader */

/* start navigation */
.navbar-default
    {
    /*background: url('../images/banner_1.jpg') no-repeat;*/
    background-size: cover;       
    border: none;
    box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.2);
    margin: 0!important;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    }
.navbar-brand {
    width:120px;
    height:30px;
    background-image: url('../images/brand_logo.png');
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center center;

}
.navbar-default .navbar-brand
{
    /*color: #28a7e9;*/
    font-size: 30px;
    font-weight: bold;
    height: 70px;
    line-height: 35px;
}
.navbar-default .nav li a
{
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    height: 70px;
    line-height: 40px;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus,
.navbar-default .nav li a.current
    {
        /*color: #28a7e9;*/
        color:#fff;
    }

.navbar-default .navbar-toggle
    {
        border: none;
        padding-top: 20px;
        /*margin-right:40px;*/
    }
.navbar-default .navbar-toggle .icon-bar
    {
        /*background: #28a7e9;*/
        background: #fff;
        border-color: transparent;
    }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: transparent }
/* end navigation */

/* start home */       
#home
    {
    background-image:url('../images/science.jpg');
    background-size: cover;
    color: #fff;
    /*margin-top: 70px;*/
    text-align: center;
    width: 100%;

    }
#home > .overlay {
        background-color:rgba(0, 0, 0, 0);
        height:550px;
}
#home p
    {
        font-weight: 400;
        font-style: italic;
        line-height: 2em;
    }
#home img
    {
        display: inline-block;
        margin-top: 30px;
    }
/* end home */

/* start divider */
#About
    {
        background: #28a7e9;
        text-align: center;
        padding-top: 150px;
        padding-bottom: 150px;
        color:#fff;
    }
#About  .fa {
    color: #fff;
    font-size: 40px;
}
#About .row .fa
    {
        font-size: 80px;
    }
#About h3
    {
        font-size: 24px;
    }
/* end divider */

/* start feature */
#services
    {
        /*background-image: url('../images/banner_1.jpg');*/
        background-color:#d4da62;
        background-size: contain;
        padding-top: 80px;
        padding-bottom: 80px;

    }
#services  .desc-img {
        padding-top:70px;
}
#services h2
    {
        color: #fff;
    }    
#services p
    {
        color: rgba(255,255,255,0.9);
        padding-top: 10px;
    }
#services span
    {
        float: left;
    }
#services p .fa
    {
        /*background-color:rgba(40, 167, 233, 1);*/
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-right: 20px;
        font-size:38px;
    }
/* end feature */

/* start feature1 */
#feature1
    {
        padding-top: 60px;
        padding-bottom: 60px;
    }
#feature1 p
    {
        padding-top: 10px;
    }
#feature1 span
    {
        float: left;
    }
#feature1 .fa
    {
        background: #28a7e9;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-right: 20px;
    }
/* end feature1 */

/* start works */
#works
    {
        background: #f8f8f8;
        text-align: center;
        padding-top: 80px;
        padding-bottom: 80px;
    }
#works h2
    {
        padding-bottom: 20px;
    }
#works .works
    {
        background: #fff;
    }
#works .works-desc-container {
    text-align:center;
}
#works .works-desc {
    width:80%;
    margin-left:10%;
}
#works .active
    {
        position: relative;
        bottom: 20px;
    }
#works .works .works-title
    {
        background: #d15c81;
        color: #fff;
        font-weight: bold;F
        padding: 30px;
    }
#works .works-title
    {
        padding: 30px;
    }    
#works .works .works-title p
    {
        font-size: 20px;
    }
#works .works ul
    {
        padding: 0;
        margin: 0;
    }
#works .works ul li
    {
        display: block;
        list-style: none;
        padding: 16px;
    }
#works .works .btn
    {
        background: transparent;
        border: 1px solid #d15c81;
        border-radius: 0px;
        color: #d15c81;
        font-weight: bold;
        padding-right: 40px;
        padding-left: 40px;
        margin-top: 20px;
        margin-bottom: 30px;
        transition: all 0.3s ease;
    }
#works .works .btn:hover {
    background: #d15c81;
    color: #fff;
}
/* end works */
#works .text-lowercase {
    font-weight: 100;
}

/* start partners */
#partners
    {
        padding-top: 80px;
        padding-bottom: 80px;
    }
#partners h2
    {
        padding-bottom: 20px;
    }
	
#partners .btn
    {
        border-radius: 0px;
        font-weight: bold;
        margin-top: 20px;
        padding: 10px 40px 10px 40px;
    }

#partners .partner-list {
    line-height: 40px;
    height:40px;
    padding:auto 0 auto 0;
}

#partners .partner_ico
    {
        background: rgba(252, 225, 126, 1);
        border-radius: 50%;
        /*border:1px solid #989898;*/
        box-shadow: 1px 2px 2px 2px rgba(50, 50, 50, 0.1);
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center center;
        margin-top: 6px;
        margin-right: 10px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }  


#partners .partner_1
    {
        background-image: url("../images/partner_1.jpg");
    }  
#partners .partner_2
    {
        background-image: url("../images/partner_2.jpg");
    }     
#partners .partner_3
    {
        background-image: url("../images/partner_3.jpg");
    }     
#partners .partner_4
    {
        background-image: url("../images/partner_4.jpg");
    }     
#partners .partner_5
    {
        background-image: url("../images/partner_5.jpg");
    }     
#partners .partner_6
    {
        background-image: url("../images/partner_6.jpg");
    }     
#partners .partner_7
    {
        background-image: url("../images/partner_7.jpg");
    }     
#partners .partner_8
    {
        background-image: url("../images/partner_8.jpg");
    }     
#partners .partner_9
    {
        background-image: url("../images/partner_9.jpg");
    }     
#partners .partner_10
    {
        background-image: url("../images/partner_10.jpg");
    }     
#partners .partner_11
    {
        background-image: url("../images/partner_11.jpg");
    }     
#partners .partner_12
    {
        background-image: url("../images/partner_12.jpg");
    }     
#partners .partner_13
    {
        background-image: url("../images/partner_13.jpg");
    }     
#partners .partner_14
    {
        background-image: url("../images/partner_you.jpg");
    }     





/* end partners */


/* start contact */
#contact
    {
        background: url('../images/contact-bg.jpg') no-repeat;
        background-size: cover;
        color: #fff;
    }
#contact h2
    {
        padding-bottom: 10px;
    }
#contact address
    {
        padding-top: 20px;
    }
#contact address .fa
    {
        background: #28a7e9;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-top: 6px;
        margin-right: 10px;
    }
#contact .contact-form
    {
        padding-top: 40px;
    }
#contact .form-control
    {
        border: none;
        border-radius: 0px;
        box-shadow: none;
        margin-bottom: 20px;
    }
#contact input
    {
        height: 50px;
    }
#contact input[type="button"]
    {
        background: #28a7e9;
        color: #fff;
        font-weight: bold;
        transition: all 0.3s ease;
    }
#contact input[type="button"]:hover {
    background: #107DB6;
}
/* end contact */

/* start footer */
footer
    {
		
        background: #efefef;
        font-weight: 400;
        text-align: center;
        padding: 20px;
		padding-top:200px;
    }
/* end footer */


@media screen and ( max-width: 991px ) {
    #About {
        padding-top:50px;        
    }

    .hymo-box {
        margin-bottom: 70px;
    }
    #works .active {
        bottom: 0;
    }
    .works {
        margin-bottom: 20px;
    }
    #feature img, #download img {
        margin-top: 30px;
    }
    #feature1 img {
        margin-bottom: 30px;
    }

   #home > .overlay{
    height: 400px;
    }

    #services  .row {
        padding-bottom:50px;
    }

    #services  .desc-img {
        padding-top:0px;
    }

/*    #About div p {
        width:80%;
        margin:0 auto 0 auto;
    }*/

    .navbar-header, .navbar-collapse{
        /*margin-right:0px !important;*/
        /*margin-left:0px !important;*/
    }

}
@media screen and ( max-width: 767px ) {
    .navbar-default .nav li a {
        height: auto;
        line-height: 2em;
    }
    #feature, #works, #download {
        padding-top: 20px;
        padding-bottom: 40px;
    }
    #contact .overlay {
        padding-top: 40px;
    }

    #services  .desc-img {
        padding-top:0px;
    }
}
/* start media 360 */
@media screen and ( max-width: 360px ){
    .works
        {
            padding-bottom: 40px;
        }
}
/* end media 360 */

.merge {
    position: fixed;
    left: 25%;
    width:50%;
    top: 20%;
    background-color: #28a7e9aa;
    padding: 20px;
    z-index: 9999999999;
    border-radius: 5px;
    border: 2px solid white;
    color:white;

}

.merge a {
    color:white;
}

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

    .merge {
        position: fixed;
        width:90%;
        left:5%;
        top: 20%;
        background-color: #28a7e9aa;
        padding: 20px;
        z-index: 9999999999;
        border-radius: 5px;
        border: 2px solid white;
        color:white;
    
    }
    
    .merge a {
        color:white;
    }

}