@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


body,html{ margin:0; padding:0}
ul,ol,dl{list-style:none; margin:0; padding:0}
#DStop_common2023 img[src$=".png"] {
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

#DStop_common2023{position: fixed;z-index: 999;display: flex;width: 100%;justify-content: center;align-items: flex-start;height:40px; background-image: linear-gradient(90deg, #F2F2F2 50%,#ffffff 50%);font-family: Pretendard,arial,sans-serif;font-size: 14px;}
#header { padding-top: 40px;}
#DStop_common2023 .area {font-family: 'Pretendard';display: flex;max-width:1240px;align-items: flex-start;flex: 1 0 0;}
#DStop_common2023 a{ text-decoration:none}
#DStop_common2023 #Familyinfo {display: flex;align-items: flex-start;align-content: flex-start;gap:0;flex-wrap: wrap; }
#DStop_common2023 #Familyinfo a,#DStop_common #Familyinfo span{margin-right: -34px;-webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -kthtml-transition: all 0.2s; transition: all 0.2s;}
/* #DStop_common #Familyinfo a:hover,#DStop_common #Familyinfo span:hover{margin-right: -24px;-webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -kthtml-transition: all 0.2s; transition: all 0.2s;} */
#DStop_common2023 #Memberinfo {display: flex;height: 40px;justify-content: flex-end;align-items: center;gap: 10px;flex: 1 0 0;background: #ffffff;}
#DStop_common2023 #Memberinfo div{display: flex;align-items: center;gap:8px;align-self: stretch;}
#DStop_common2023 #Memberinfo a {display: inline-block; color:#212121;font-weight:400;line-height: 40px;font-family: 'Pretendard';}
#DStop_common2023 #Memberinfo a.name{font-weight: 500}
#DStop_common2023 #Memberinfo a.name strong{font-weight: 700}
#DStop_common2023 #Memberinfo a.name span{font-weight: 600}

#DStop_common2023 #Memberinfo div.member a{font-weight:400; padding-left:20px; background:url(https://img.dongascience.com/common/top_ico_auth.svg) 0 center no-repeat}  
#DStop_common2023 #Memberinfo div.member:before,
#DStop_common2023 #Memberinfo div.my_dsstore:before,
#DStop_common2023 #Memberinfo div.my_dl:before{display: inline-block;content:''; width: 1px;height: 10px;font-size: 0; margin: 0 0 0 0; vertical-align: middle; background: #e5e5e5}

#DStop_common2023 #Memberinfo div.donate:after,
#DStop_common2023 #Memberinfo div.expand:after{display: inline-block;content:''; width: 1px;height: 10px;font-size: 0; margin: 0 0 0 0; vertical-align: middle; background: #e5e5e5}

/*
사이트 구별용 class

동아사이언스 - ds
디라이브러리 - dl
과학동아 - media
어린이과학동아 - kids
수학동아 - media
폴리매스 - polymath
과학동아몰 - scimall
과학동아천문대 - star
정기구독신청 - order
고객센터 - help
회사소개 - about
ds스토어 - dsstore
*/



/* ds */

#DStop_common2023.ds #Memberinfo div.my_dsstore{display:none;}
#DStop_common.ds #Memberinfo div.my_dl{display: none;}



/* dl */

#DStop_common2023.dl .area{max-width:1160px;}

#DStop_common2023.dl #Memberinfo div.my_dsstore{display:none;}
#DStop_common2023.dl #Memberinfo div.my_dl{display: flex;}



/* store */

#DStop_common2023.dsstore #Memberinfo div.my_dl{display: none;}
#DStop_common2023.dsstore #Memberinfo div.my_dsstore{display: flex;}