/* BASIC css start */
#preview_wrap { display:none; }

/* »ó´Ü */

#header { position:fixed; top:0; left:0; background-color:transparent; width:100%; min-width:1200px; height:60px; z-index:999; margin:0 auto; }
#header a { transition:all 0.3s ease-in-out; }
#header #header_in { display:inline-block; *display:inline; *zoom:1; width:100%; text-align:center; font-size:0; line-height:0; margin:10px 0; }
#header .leftArea,
#header .rightArea { display:inline-block; width:40%; vertical-align:top; }
#header .leftArea { text-align:right; padding-right:1%; }
#header .rightArea { text-align:left; padding-left:1%; }
#header #Logo { display:inline-block; width:10%; min-width:160px; height:60px; vertical-align:middle;}
#header #Logo a{font-size:31px; font-family: 'Peddana', serif; line-height:65px;}
#header .leftArea ul,
#header .rightArea ul { font-size:0; line-height:0; }
#header .leftArea li { display:inline-block; padding:0 5px; height:60px; margin:0 4px; position:relative; }
#header .rightArea li { display:inline-block; padding:0 5px; height:60px; margin:0 10px; position:relative; }
#header .leftArea li img, 
#header .rightArea li img { vertical-align:middle; margin-top:-2px; }
#header .leftArea li a,
#header .rightArea li a { line-height:60px; font-size:11px; letter-spacing:1px; color:#222; }
#header .rightArea li span { }
#header .leftArea li a:hover,
#header .rightArea li a:hover { color:#222; }

#header .iconInsta {    position: absolute;right: -19px;top: 24px;font-size: 13px;;}
#header .iconblog {    position: absolute;right: -42px;top: 26px;font-size: 13px;;}

/* Áߺзù */

#header .subMenu {     opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 53px;
    left: 5px;
    width: 130px;
    height: auto;
    z-index: 999;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    background:rgba(255,255,255,0.8);
    padding: 13px; }
#header li:hover .subMenu {    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    box-shadow: -1px 11px 8px rgba(0,0,0,0.2); }

#header .subMenu ul { display:block; }
#header .subMenu li { display:block; height:24px; text-align:left; padding:0; margin:0; }
#header .subMenu li a { display:block; font-family:'Lato', 'Nanum Gothic'; line-height:24px; font-size:11px; padding:0; margin:0; color:#222; letter-spacing:0.1em; }
#header .subMenu li a:hover { color:#dc002e; padding:0 0 0 2px; }


/* BASIC css end */