/* BASIC css start */
        /* reset */
        a{text-decoration:none;font-family:'Raleway',Arial,sans-serif}
        ul, li{list-style:none;padding:0;}
       html,body{width:100%;height:100%;margin:0;padding:0;font-family:'Raleway',Arial,sans-serif;}
        body{position:absolute;top:0;left:0;}
    
       @import url(http://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600);
        *,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
        
        #wrapper{position:relative;background:#9f8ca7;border:10px solid rgb(255, 255, 255);color:#37474f;font-weight:400;font-size:1em;}

        a{color:#7986cb;text-decoration:none;outline:0}
        a:hover,a:focus{color:#3f51b5}
        
        /* layout */
        h2.title{color:white;width:100%;text-align:center;font-size:30px;font-weight:500;font-family:'Raleway',Arial,sans-serif;margin-top:150px;}
        p.txt{color:white;width:100%;text-align:center;font-weight:500;font-family:'Raleway',Arial,sans-serif;margin-top:80px}
        a.emailCopy{color:white;line-height:2em;font-size:1em;}
        
        /* button */
        .box{padding:5.5em 0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;}
        
        .button{float:left;min-width:150px;max-width:250px;display:block;margin:1em;padding:1em 2em;border:0;background:0 0;color:inherit;vertical-align:middle;position:relative;z-index:1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;color:#eceff1;border-color:#eceff1;cursor:pointer;}
        .button:focus{outline:0}
        .button>p{vertical-align:middle}
        .button--size-s{font-size:14px}
        .button--text-upper{letter-spacing:2px;text-transform:uppercase}
        .button--border-thin{border:1px solid}
        .button--itzel{border:0;padding:0;overflow:hidden;width:255px}
        
        
        .button--itzel::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid;border-radius:inherit;-webkit-clip-path:polygon(0% 0%,0% 100%,35% 100%,35% 60%,65% 60%,65% 100%,100% 100%,100% 0%);clip-path:url(../index.html#clipBox);-webkit-transform:translate3d(0,100%,0) translate3d(0,-2px,0);transform:translate3d(0,100%,0) translate3d(0,-2px,0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;background:rgba(112, 96, 119, 0.56)}
        .button--itzel.button--border-thin::before{border:1px solid;-webkit-transform:translate3d(0,100%,0) translate3d(0,-1px,0);transform:translate3d(0,100%,0) translate3d(0,-1px,0)}
        .button--itzel.button--border-thick::before{border:3px solid;-webkit-transform:translate3d(0,100%,0) translate3d(0,-3px,0);transform:translate3d(0,100%,0) translate3d(0,-3px,0);}
        .button--itzel::before,.button--itzel .button__icon{-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1)}
        .button--itzel .button__icon{position:absolute;top:110%;left:50%;padding:20px;font-size:20px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);}
        .button--itzel>p,.button--itzel>a>p{display:block;padding:20px;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-delay:.3s;transition-delay:.3s}
        .button--itzel:hover::before{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
        .button--itzel:hover .button__icon{-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0)}
        .button--itzel:hover>p{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transition-delay:0s;transition-delay:0s}
        
        /* icon */
        .icon { font-family: 'vicons'; font-size: inherit; font-weight: normal; font-style: normal; line-height: inherit; position: relative; display: inline-block; transform: translate(0, 0); vertical-align: middle; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
        .icon::before { display: inline-block; width: 100%;}
        .icon-envelope:before { content: url(http://jstyle07.jpg3.kr/SITE_2018/IMG/envelop.png);}
        
        /* google form  */
        div#kor,div#eng,div#chn,div#jpn{display:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;}
        div#kor >iframe,div#eng >iframe,div#chn >iframe,div#jpn >iframe{width:100%;height:100%;}
        div#kor > a.btnClose,div#eng > a.btnClose,div#chn > a.btnClose,div#jpn > a.btnClose{position:absolute;top:4%;right:5%;}
        div#kor > a.btnClose >img,div#eng > a.btnClose >img,div#chn > a.btnClose >img,div#jpn > a.btnClose >img{width:40px;height:40px;}
        
        
        /* responsive css*/
        @media (max-width:600px){
            h2.title{margin-top:20%;font-size:1.5em;}
            .box{padding:3.5em;}
            p.txt{margin-top:15%;}
            
        }

/* bottom */
        .btm{width:807px;margin:0 auto 100px;}
        .btm > a{display:block;}

::-webkit-scrollbar-thumb {
    height: 10px;
    width: 10px;
    background: #ddd;
    -webkit-border-radius: 0px;
    border-radius: 0px;}
::-webkit-scrollbar-button {
    display: none;
    height: 10px;
    background: #ddd;}


::-webkit-scrollbar-button {
    display: none;
    height: 10px;
    background: #9f8ca7;
}
::-webkit-scrollbar-thumb {
    height: 10px;
    width: 10px;
    background: #9f8ca7;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
::-webkit-scrollbar-track {
    background: #fff;
}
::-webkit-scrollbar {
    width: 5px;
}

body {
     scrollbar-face-color: #9f8ca7;
      -moz-scrollbar-face-color: #9f8ca7;
      -ms-scrollbar-face-color: #9f8ca7;
     scrollbar-highlight-color: #fff;
     -moz-scrollbar-highlight-color: #fff;
     -ms-scrollbar-highlight-color: #fff;
     scrollbar-shadow-color: #9f8ca7;
     -moz-scrollbar-shadow-color: #9f8ca7;
     -ms-scrollbar-shadow-color: #9f8ca7;
     scrollbar-arrow-color: #9f8ca7;
     -moz-scrollbar-arrow-color: #9f8ca7;
    -ms-scrollbar-arrow-color: #9f8ca7;
     scrollbar-face-color: #9f8ca7;
     -moz-scrollbar-face-color: #9f8ca7;
     -ms-scrollbar-face-color: #9f8ca7;
 }

/* BASIC css end */