* {	margin:0px;padding:0px;}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}



#head_wrap{position:relative; background:url('../images/top_bg.jpg')top;}
#head_wrap .head_ms{width:1200px; margin:0 auto;}

#mains{position:relative; background:url('../images/main_img_bg.jpg')top;}
#mains .main_imsgd{width:1200px; margin:0 auto;}

#main_cons{position:relative; }
#main_cons .main_contens{width:1200px; margin:0 auto;}

#footers{position:relative; background:url('../images/footers_bg.jpg')top;}
#footers .copys{width:1200px; margin:0 auto;}


#new_head_wraps{position:relative; width:100%;  padding:40px 0 20px; border-bottom:1px solid #ddd;}
#new_head_wraps .top_infos{display:flex; justify-content: space-between; align-items: center; width:1200px; margin:0 auto;}
#new_head_wraps .top_infos h1.logos{width:175px;}
#new_head_wraps .top_infos .search_box{width:483px; margin-left:78px;}
#new_head_wraps .top_infos .navis{width:443px; margin-left:20px;}
#new_head_wraps .top_infos .navis ul{display:flex;}
#new_head_wraps .top_infos .navis li{margin-right:20px; font-size:15px;}
#new_head_wraps .top_infos .navis li:before{content:""; position:absolute; top:0; right:0;}

#new_headm_wrap{position:relative; width:100%; border-bottom:2px solid #1428a0;}
#new_headm_wrap .menu_wraps{position:relative; width:1200px; margin:0 auto;}
#new_headm_wrap .menu_wraps .bt-menu{ position:absolute; top:0; left:0; margin-top:0px; width:66px; height:66px; border:#e3e3e3 0px solid; background:#ff9000 url('../images/all_menus.png') 50% 50% no-repeat; text-indent:-9999px; cursor:pointer;}
#new_headm_wrap .menu_wraps .bt-menu.open{ background:#fff url('../images/all_close.png') 50% 50% no-repeat; }

#gnb_m{margin-left:80px;}
#gnb_m:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
#gnb_m>li{ position:relative; float:left; line-height:66px;  padding:0 17px; font-family: 'Apple SD Gothic Neo';}
#gnb_m>li>a{ position:relative; display:block; line-height:66px; text-decoration:none; font-size:14pt; font-weight:600; color:#000; font-family: 'Pretendard';}
#gnb_m>li>a:hover,
#gnb_m>li:hover>a{color:#006ebb; font-family: 'Pretendard';}
#gnb_m>li>a:hover:after,
#gnb_m>li:hover>a:after{ content:""; position:absolute; bottom:9px; left:0; height:5px; width:100%; display:block; background-color:#006ebb;}
#gnb_m>li>.subdepth{ display:none; position:absolute; top:68px; left:0; z-index:980; width:280px; border:#ccc 1px solid;  background-color:#fff;}
#gnb_m>li>.subdepth>li>a{ font-size:11pt; line-height:34px; text-align:left; padding:0 20px; display:block;}
#gnb_m>li>.subdepth>li>a:hover{ background-color:#fff; color:#006ebb;}
.all-menu{ display:none; position:absolute; top:68px; left:0; z-index:999; width:100%; background:#fff; border:#ccc 1px solid;  padding:35px 0 10px; opacity:0.93;}
.all-menu>ul:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.all-menu>ul>li{ float:left; width:23%; margin:0 10px;}
.all-menu>ul>li>a{ line-height:38px; font-size:18px; color:#222; display:block; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; font-weight:bold; padding-left:5px;}
.all-menu>ul>li>a:hover{color:#006ebb;}
.all-menu>ul>li>ul{ padding:5px 0 0 0; height:200px;}
.all-menu>ul>li:last-child>ul{ height:auto;}
.all-menu>ul>li>ul>li>a{ font-size:15px; text-align: left; text-decoration:none; color:#222; display:block; line-height:24px; padding-left:15px;}
.all-menu>ul>li>ul>li>a:hover{color:#006ebb;}

.searchbar{
  --blue:#0b2aa6;
  --h:44px;          /* 전체 높이 */
  --b:4px;           /* 테두리 두께 */
  --btnw:54px;       /* 버튼 폭 */
  display:flex;
  align-items:stretch;
  width:min(760px, 100%);
}

.searchbar__input{
  flex:1;
  height:44px;
  padding:0 16px;
  border:4px solid #0b2aa6;
  border-right:none;
  outline:none;
  font-size:16px;
  line-height:1;
  background:#fff;
  /* 모서리 거의 직각 (이미지처럼) */
  border-radius:0;
  box-sizing:border-box;
}

.searchbar__btn{
  width:54px;
  height:44px;
  border:4px solid #0b2aa6;
  background:#0b2aa6;
  cursor:pointer;
  padding:0;
  display:grid;
  place-items:center;
  border-radius:0;
}

.searchbar__icon{
  width:22px;
  height:22px;
  fill:#fff;
}

.searchbar__btn:focus-visible,
.searchbar__input:focus-visible{
  outline:3px solid rgba(11,42,166,.25);
  outline-offset:2px;
}

/* 접근성용 숨김 라벨 */
.sr-only{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

#footer_noms{position:relative; border-top:1px solid #ddd;}
#footer_noms .f_navis{width:1200px; margin:0 auto; padding:10px 0 30px;}
#footer_noms .f_navis ul{display:flex; justify-content: center;}
#footer_noms .f_navis li{font-size:16px; color:#535353; font-weight:500; padding-right:40px;}
#footer_noms .copy_msd{width:1200px; margin:0 auto; display:flex; padding:0px 0 30px;}
#footer_noms .copy_msd h2.hos{width:236px;}
#footer_noms .copy_msd .copy_texts{padding-left:60px;}
#footer_noms .copy_msd .copy_texts li{font-size:14px; line-height:1.4; color:#535353;}


/* 본문 전체 래퍼 */
#container{
    position: relative;
    width: 1200px;          /* 헤더와 동일 */
    margin: 0 auto;         /* 가운데 */
    padding: 40px 0;        /* 위아래 여백 */
    box-sizing: border-box;
}
