@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block}
body { line-height: 1}
ol, ul { list-style: none}
blockquote, q { quotes: none}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none}
table { border-collapse: collapse; border-spacing: 0}
a {text-decoration: none;}
a:visited, a:link {color: inherit;}
a:hover, a:active {color: inherit;}
/* reset-E */

/* common-S */
.hidden {width: 1px; height: 1px; font-size: 0; line-height: 0;
    overflow: hidden; position: absolute; top: -9999px; left: -9999px;
}
/* common-E */

/* header-S */
header {min-width: 1200px; 
    background: url(../img/qcr_210723.jpg) no-repeat center;
    background-size: contain;
    font-family: 'Mukta', sans-serif;
}
header > section {width: 100%; height: 100vh; min-width: 1200px;
    margin: 0 auto;
    position: relative
}
.header-wrap{width: 100%; height: 120px;
    /*border-bottom: 1px solid rgba(137, 91, 138, 0.6);*/
}
.header-wrap>div{width: 1000px; height: 120px;
    margin: 0 auto; 
    position: relative;
}
#gnb{float: left; height: 120p; width: auto; display: block; /*margin: 0 auto;*/
     position: absolute; right: 0
}
#gnb>ul>li{float: left; 
    font-size: 16px; font-weight: 500; color: #895b8a; line-height: 120px; letter-spacing: -0.3px; text-align: center; display: block; font-family: 'Mukta', sans-serif;
}
#gnb>ul>li+li{padding-left: 30px}
#gnb>ul>li:hover a{color: #c9c9c9; text-decoration: none;
    transition: all 0.3s 0s;
}

.indicator{margin-top: -92px;
    position: fixed; top: 52%; right: 64px; z-index: 20;
}
.indicator>li{width: 16px; height: 16px;
    position: relative;
    margin-bottom: 10px;
    border-radius: 50%;
    background-color: #895b8a;
    transition: all 0.3s 0s
}
.indicator>li>a{display: block; width: 16px; height: 16px;}
.indicator>li:hover{transform: scale(1.2)}
.indicator>li>a>em{display: block; width: 200px; height: 20px; opacity: 0;
    font-size: 11px; color: #b4b4b4; text-align: right; font-family: 'Mukta', sans-serif; font-weight: 500;
    position: absolute; right: 24px; top: 2px; letter-spacing: -0.1px;
}
.indicator>li:hover em{opacity: 1}
/* header-E */


/*footer-S*/
footer{width: 100%; height: 380px; min-width: 1200px;
    margin-top: 300px;
    font-family: 'Mukta', sans-serif; 
    background-size: cover;
    position: relative
}
footer>div{width: 100%; height: 380px;
    background-color: #895b8a; 
    overflow: hidden;
}
#footer{width: 1200px; height: 285px;    
    margin: 0 auto;
    box-sizing: border-box;
    color: #fff;
    position: relative; top: 120px;
}
.thanks{height: 26px;
    font-size: 27px; font-weight: 500; line-height: 26px; text-align: center; font-family: 'Mukta', sans-serif;
}
#footer>address{
    margin-top: 40px;
    font-size: 15px; color: rgba(255,255,255,0.6); line-height: 20px; text-align: center
}
#footer>p:nth-of-type(2){
    margin-top: 60px; 
    font-size: 11px; color: rgba(255,255,255,0.3); line-height: 22px; text-align: center; font-weight: 300
}
/*footer-E*/