@font-face {/*수트 저작권FREE 눈누에 있는 9가지 두깨중 가장 얇은 폰트*/
    font-family: 'SUIT-Thin';
    src: url('/assets/webfont/SUIT-Thin.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IM_Hyemin_Regular';
    src: url('/assets/webfont/IM_Hyemin-Regular.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/webfont/NanumBarunGothicWeb.woff') format('woff');
}
   
@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/assets/webfont/NanumBarunGothicWebBold.woff') format('woff');
}
   
@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/assets/webfont/NanumBarunGothicWebLight.woff') format('woff');
}
   
body{
    margin:0px;
    padding:0px; 
}
body *{
    font-family:NanumBarunGothic;
    margin:0px;padding:0px; 
    word-break:keep-all;
    box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
}
.header{
    margin:0 0 43px 0; /*네비가 absolute라서 body묻히는 영역만큼 하단 여백 추가*/
}
.body{
    max-width:960px;
    margin:0 auto;
}
a{ text-decoration: none; }
li{ list-style: none; }
/* ----------------------상단 네비게이션 시작---------------------- */
#myNavWrap{
    box-shadow: 0 1px 3px rgba(0, 0, 0, .175);
    background-color:#555;
    z-index:9;
    width:100%;
    position: absolute;
}
#myNav{
    max-width:960px;
    margin:0 auto;
}
#myNav *{
    color:white;
}
#myNav a{
    display: block;
    padding:12px 15px;
}
#myNav > ul > li{
    
    float:left;
    width: 20%;/*width: 16.6666667%; 6개 width: 14.285713%; 7개*/
    text-align:center;
    cursor: pointer;
    color:white;
    background-color:#555;
    font:300 16px Noto Sans KR, sans-serif;
}
#myNav > ul > li:hover {
    background-color: #555;
}
#myNav > ul > li:hover .dropdown{
    display: block;
}
.dropdown{
    position: absolute;
    margin:-2px 0 0 0;
    z-index:-1;
    background-color:#555;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    display:none;
    padding:5px;
}
.dropdown > li:hover{
    background-color: #555;
}
.dropdown > li > a{
    font:200 14px Noto Sans KR, sans-serif;
}
.text-center{
    text-align: center;
}
@media(min-width:480px){

}
@media(min-width:720px){

}
@media(min-width:960px){
    .mobile_extentions{
        display:none;
    }
}
@media(min-width:1280px){

}