html, body { margin: 0; padding: 0; height: 100vh }
body { background-color: #999 }

.loading { width: 30px; display: none }

header #logo { -webkit-transition: all .4s ease-in; transition: all .4s ease-in; }
header .menu { font-size: 18px; font-family: Arial, sans-serif; }
    header .menu li { margin-left: 30px; }
        header .menu li a { color: #ff7231 !important; font-family: 'PT Sans' }
header .navbar-nav ul { }

main { background-color: #fff; }
    main section { position: relative }
    main .bolum1, main .contact { background-image: url('/Assets/img1.jpg'); width: 100%; height: 40em; background-size: contain; background-repeat: no-repeat; background-position-y: bottom }
        main .bolum1 p { position: absolute; bottom: 40px; left: 50px; color: #6f4f43; font-size: 3em; font-family: 'Nanum Gothic' }
    main .bolum2 { background-image: url('/Assets/img2.jpg'); width: 100%; height: 46em; background-size: contain; background-repeat: no-repeat; background-position-y: bottom; background-position-x: right }
        main .bolum2 div { position: absolute; top: 50%; left: 5%; transform: translateY(-50%); width: 40%; text-align: center; line-height: 30px }
            main .bolum2 div h5 { font-size: 1.25em }
            main .bolum2 div p { font-size: 1em }
    main .bolum3 { background-image: url('/Assets/img3.jpg'); width: 100%; height: 45.9em; background-size: contain; background-repeat: no-repeat; background-position-y: bottom }
        main .bolum3 div { position: absolute; top: 50%; left: 40%; transform: translateY(-50%) }
            main .bolum3 div ul { list-style: none; color: #ff7231; font-size: 2em; font-family: 'PT Sans' }
                main .bolum3 div ul li { text-align: center; line-height: 65px }

    main .bolum4 { background-color: #fff }
        main .bolum4 .row { font-family: 'Nanum Gothic'; color: #ff7231 }
            main .bolum4 .row h4 { font-weight: bolder; }
            main .bolum4 .row i { cursor: pointer }
        main .bolum4 img { border: 1px solid rgba(255, 114, 49, 0.15); box-shadow: rgba(255, 114, 49, 0.1) 0px 0px 5px; border-radius: 10px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
            main .bolum4 img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
        main .bolum4 p { font-family: 'Nanum Gothic'; font-weight: 700; color: #ff7231 }

    main .bolum5 { background-image: url('/Assets/img4.jpg'); width: 100%; height: 592px; }

    main .contact { background-position-y: bottom; height: auto; background-repeat: no-repeat; padding-top: 100px !important; height: 43em; }
        main .contact h4 { position: relative; font-size: 1.1em; }
        main .contact h5 { position: relative; font-size: 1.1em; }
        main .contact h6 { font-size: 1em; font-weight: bold }
        main .contact .loading { position: absolute; right: 0; bottom: 5px; }
        main .contact i { line-height: 2.4em; opacity: 0.7; cursor: pointer }
        main .contact a { color: #212529; display: block; line-height: 1.4em }

    main #contact .captcha #captchaImage { border: 1px solid #dbdbdb; border-radius: 5px }
    main #contact .captcha i { cursor: pointer; font-size: 20px; margin-top: 10px; margin-left: 5px; color: #999 }

footer { background-color: #ee703e }