/************************************************************************************************************************************/
/* VLOLV
 */

/* Background image 
html { 
  background: url(../img/bg-value-06.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/

/************************************************************************************************************************************/
/* Main
 */

/* Header */
header {position:fixed;left:50px;top:50px;right:50px;z-index:50;}
header > div {float:left;}
header > nav {float:right;}
/*header > .ci {width:129px;}
header > .ci > .logo a {position:relative;display:block;margin-left:47px;width:34px;height:24px;}
header > .ci > .logo a > span {position:absolute;display:inline-block;bottom:0px;width:6px;margin-right:1px;}
header > .ci > .logo a > #logo-bar-01 {height:12px;background:#811738;left:0px;}
header > .ci > .logo a > #logo-bar-02 {height:24px;background:#0d7978;left:7px;}
header > .ci > .logo a > #logo-bar-03 {height:12px;background:#c32427;left:14px;}
header > .ci > .logo a > #logo-bar-04 {height:24px;background:#f37339;left:21px;}
header > .ci > .logo a > #logo-bar-05 {height:12px;background:#fcb633;left:28px;margin-right:0px;}
header > .ci img {display:block;margin-top:2px;}*/

/* Main slider  */
.sl-slider-wrapper  {
    z-index:30;
}

/* Footer : z-index:50 */
footer {position:fixed;right:50px;bottom:50px;z-index:50;}
footer > p {text-align:right;color:#fff;font-size:0.75em;}
footer > p a {color:#fff;}
footer .f-copyright {margin-top:15px;}

/************************************************************************************************************************************/
/* Progress
 * z-index : 100 (top)
 */
#pg_container {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 180px;
     
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;
     
    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
    z-index:100;
    
    background:#000;
    overflow: hidden;
}
.pg-box {
    position:absolute;
    color: white;
    width:300px;
    left:50%;
    top:50%;
    margin:-45px 0 0 -150px;
    font-size: 20px;
}
.pg-title-txt {
    float:left;
}
.pg-recv-per {
    float:right;
}
.loader {
    width:300px;
    height:62px;
    border: solid 1px #808080;
    background:url(../img/progress-bg.jpg) no-repeat 0 0;
    text-align:right;
    clear:both;
}
.loader > #progress {
    width:100%;
    height:60px;
    background:#000;
    display:inline-block;
}


/******************************************************************************/
/* Media Queries for custom slider */

/* Reference later 
@media screen and (max-width: 660px) {

    .sl-container .sl-slider-wrapper {
        height: 500px;
    }

    .sl-container .sl-slider h2 {
        font-size: 36px;
    }

    .sl-container .sl-slider blockquote, 
    .sl-container .sl-slider blockquote p {
        font-size: 16px;
    }

}*/

@media only screen and (max-height:320px) {
    
    /*.cl-effect-12 a {color:blue;}*/
    
    header {top:5px;}  
    header > nav {margin-top:0;}
    
    .sl-container .sl-slider h2 {
        font-size: 2.2em;
    }
    .sl-container .sl-slider blockquote,
    .sl-container .sl-slider blockquote p {
        font-size: 0.8em;
    }
}
@media only screen and (max-width: 575px) {

    header > .ci img  {width:220px;height:31px;}

    /*.cl-effect-12 a {color:red;}*/
    .cl-effect-12 a {width:30%;}  
    
    header {top:10%;}  
    
}
@media only screen and (max-width: 719px) {
    
    /*.cl-effect-12 a {color:blue;}*/
     
    /*header > div > a {display:none;}*/
    header > div {float:none;}
    header > nav {float:none;margin-top:10%;}
    header {text-align:center;}
    header > .ci img  {margin:0 auto;}
    /*header > div {text-align: center;}*/
    
    .sl-container .sl-slider h2 {
        font-size: 2.6em;
    }
    .sl-container .sl-slider blockquote,
    .sl-container .sl-slider blockquote p {
        font-size: 1.1em;
    }
    
    .nav-dots {
        bottom:30px;
    }
    
    footer {
        width:260px;
        left:50%;
        margin-left:-130px;
        right:none;
        bottom:10px;
    }
    footer > p {
        text-align:center;
    }
    footer .f-contact {
        display:none;
    }
}

@media only screen and (min-width: 720px) {
    /*.cl-effect-12 a {color:yellow;}*/
    .cl-effect-12 a {font-size:1.3em;}  

    .sl-container .sl-slider blockquote,
    .sl-container .sl-slider blockquote p {
        font-size: 1.3em;
    }
}
@media only screen and (min-width: 1200px) {

    .cl-effect-12 a {font-size:1.5em;}  

    .sl-container .sl-slider blockquote,
    .sl-container .sl-slider blockquote p {
        font-size: 1.5em;
    }
}

/* iPhone4+ 레티나 디스플레이 */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
        only screen and (min--moz-device-pixel-ratio: 1.5), 
        only screen and (min-device-pixel-ratio: 1.5) {

}