/* BASIC css start */
#preview_wrap {display:none}
#hdWrap {
    z-index: 2;
    position: relative;
    margin-bottom: 15px;
    height: 319px;
    background: url(/design/ghcleaner/2015/images/common/bg_header.jpg) 50% 0 no-repeat;
    border-bottom:1px solid #d5d5d5
}
#header {
    position: relative;
    z-index:2;
    height: 210px;
   
}
#header .header-top {
    height: 172px
}
#hdWrap .logo {   
    float: left;
    margin-right: 400px;
    padding-top:42px;   
}
#hdWrap .logo a {
    overflow:hidden;
    position: relative; 
    display:block;
    width:213px;
    height:95px;
}
#hdWrap .logo img {position:absolute;left:0;top:0;z-index:1; }
#hdWrap .logo img.active{z-index:3}
/*#hdWrap .logo img:first-child{display:block}*/
#hdWrap .search {    
    float: left;
    width:190px;
    padding-top:85px;
}

#hdWrap .search .input-keyword {
    float: left;
    padding:0 10px;
    width: 130px;
    height: 24px;
    border:1px solid #4e5a5d;
    border-right: 0 none;
    font-size: 14px;
    color: #333;
}
#hdWrap .search .search-button {
    float:left;
    width:38px;
    height: 26px;
    background-color:#4e5a5d;
    font-size:14px;
    font-weight:700;
    color:#fff;    
    line-height:25px;
    text-align:center;
}
#header .top-links {
    float:right;
    padding-top: 90px;}
#header .top-links ul li {
    margin-left:38px;
}
#header .top-links.logged-in ul li {margin-left:28px;}
#header .top-links ul li:first-child {margin-left:0}
#header .top-links ul li a {
    font-size: 13px;
    font-weight: 600;
    color:#4e5a5d
}
#header .top-links ul li a:hover {color:#163dad}
/*ÁÖ¿ä¸Þ´º*/
#primary-nav ul {    
    text-align:justify; 
    text-justify:distribute-all-lines;
    -moz-text-align-last: justify;
    font-size: 0;  
}
#primary-nav ul:after {
    content: '';
    display: inline-block;
    width: 100%;
}
#primary-nav ul li {
    display: inline-block;   
    vertical-align: top;   
    float: none;
    min-width:110px;
    text-align:center;
}
#primary-nav ul li a {  
    display:block;  
}
#primary-nav ul li a,
#primary-nav ul li p {
    font-size:16px;
    font-weight: 600;   
    letter-spacing: -1.25px;
    line-height:1.3
}
#primary-nav ul li.mm1 a:hover { color:#ff6600}
#primary-nav ul li.mm2 a:hover { color:#5aa4fe}
#primary-nav ul li.mm3 a:hover { color:#0baab4}
#primary-nav ul li.mm4 a:hover { color:#8267c2}
#primary-nav ul li.mm5 a:hover { color:#f04502}
#primary-nav ul li.mm6 a:hover { color:#6a9c2d}
#primary-nav ul li.mm7 a:hover { color:#cd5278}
#primary-nav ul li.mm8 a:hover { color:#6baf9a}
#primary-nav ul li.mm9 a:hover { color:#66ab5b}

#primary-nav ul li img { margin-bottom:5px}
#primary-nav ul li.mm1 p,
#primary-nav ul li.mm2 p {font-size:15px}
/* sidebar */
#sidebar {
    position:absolute;
    top:688px;
    left:-150px;
   /*left:50%;
    z-index:2;
    margin-left:-675px*/
}   
#sidebar li {
    margin-bottom:18px;
    text-align:center
}
#sidebar li a {
    display:block
}
#sidebar ul.clategories li.cat1 a:hover p { color:#2c6fc9}
#sidebar ul.clategories li.cat2 a:hover p { color:#1a92b5}
#sidebar ul.clategories li.cat3 a:hover p { color:#2c8953}
#sidebar ul.clategories li.cat4 a:hover p { color:#6ca01a}
#sidebar ul.clategories li.cat5 a:hover p { color:#6356b8}
#sidebar ul.clategories li.cat6 a:hover p { color:#af911c}
#sidebar ul.clategories li.cat7 a:hover p { color:#d28700}
#sidebar ul.clategories li.cat8 a:hover p { color:#c34d4d}
#sidebar ul.clategories li.cat9 a:hover p { color:#3198c1}
#sidebar ul.clategories li.cat10 a:hover p { color:#5c60b4}
#sidebar ul li.link1 a:hover p { color:#000}
#sidebar li p {
    margin-top:5px;
    font-size:16px;
    font-weight:600;
    color:#4e4e4e;
    letter-spacing:-1px;
}
/* BASIC css end */