.header_pc{position: fixed;left: 0;top: -60px;width: 100%;height: 60px;background-color: rgba(0, 0, 0, 0.8);z-index: 10;display: flex;align-items: center;justify-content: center;
  -webkit-transition: top 0.3s ease;
  -moz-transition: top 0.3s ease;
  -o-transition: top 0.3s ease;
 transition: top 0.3s ease;
 backdrop-filter: blur(10px);
}
.body_scroll .header_pc{top: 0;}

.header_pc .col_area{display:flex;}
.header_pc .col_area.lft{position:absolute; left:60px;; top:0;}
.header_pc .col_area.rgh{position:absolute; right:60px;; top:0;}
.header_pc .col_area.lft a{display:flex;align-items: center;height: 60px;}

.header_pc .col_area.cen{display:inline-flex;}
.header_pc .col_area.rgh{}

.header_pc .menu{display:flex;align-items: center;justify-content: center;}
.header_pc .menu li{position:relative;}
.header_pc .menu .s1.dp3 li.ss4 {display: none;}
.header_pc .menu a{color:#fff;}
.header_pc .menu .mc:hover > a + .depth2{
  display:block;
  -webkit-animation: slide-in-bottom 0.3s ease-in-out both;
  animation: slide-in-bottom 0.3s ease-in-out both;
}

.wrap_lang_top{position: relative;}


.header_pc .menu .depth2{
  display:none;
}
.header_pc .menu .depth2{position:absolute;left: 50%;top: 60px;text-align:center;background:#e60012;width: 180px;margin-left: -90px;}
.header_pc .menu .depth2 .icon-arrow-up-b{position:absolute;left:50%;top: -13px;font-size: 24px;color:#e60012;z-index: 0;margin-left: -12px;}
.header_pc .menu .depth2 a{display:block;padding: 13px 10px;}
/* .header_pc .menu .depth2 .dp3{background:#b8000e;} */
.header_pc .menu .depth2 .s4 > a{}
.header_pc .menu .depth2 .s4 .dep3{}
.header_pc .menu .depth2 > .inner > ul > li{border-top: 1px #b8000e solid;}
.header_pc .menu .depth2 > .inner > ul > li:hover{background:#b8000e;}
.header_pc .menu .depth2 > .inner > ul > li:first-child{border:0;}
.header_pc .menu .dep3{padding-bottom:12px;}
.header_pc .menu .dep3 li a{font-size:14px;padding:1px 5px 1px 29px;text-align:left;font-weight: 400;letter-spacing: -0.05em;}
.header_pc .menu .dep3 li a:hover{text-decoration: underline; text-underline-position: under;}
.header_pc .menu .mc > a{display:flex;align-items: center;justify-content: center;height: 60px;padding: 0 25px; font-size:18px; font-weight:400;}
.header_pc .menu .mc > a > span{display:block; line-height: 21px; text-align: center;}

.wrap_global{display: flex;align-items: center;height: 60px;justify-content: flex-end;position: relative;}
.wrap_global > * {margin-left:26px;display:flex;} 
@media (hover: hover) {
  .wrap_global .notice:hover .list{
    display:block;
    -webkit-animation: slide-in-bottom 0.3s ease-in-out both;
    animation: slide-in-bottom 0.3s ease-in-out both;
  }
}
.wrap_global .notice > a{display:flex;color:#fff;font-weight:400;font-size:16px;margin-top: 6px; text-align: right;} 
.wrap_global .notice.active > a{color:#f1818a;}
.wrap_global .notice > a .t{margin-right:10px; margin-top:-7px; line-height:21px;}
.wrap_global .notice > a .i{margin-top:-10px;}
.wrap_global .dir_icon a {margin-top: 2px;}
.wrap_global .ico_dir {display: inline-block; width:101px; height:22px; background:url('../images/common/ico_trollygo_w.png') no-repeat;}
.wrap_global .country{margin-top:2px; position:relative;}
.wrap_global .sitemap{margin-top: -1px;}
.wrap_lang_top{position: relative;}
.wrap_lang_top .list,
.wrap_global .country .list,
.wrap_global .notice .list{display: none;}
.wrap_lang_top .list,
.wrap_global .country .list{position:absolute;left:0;top: 44px;width:80px;background:#e60012;text-align:center;margin-left: -27px;}
.wrap_lang_top .list{margin-left: 0;}
.wrap_lang_top .list .icon-arrow-up-b,
.wrap_global .country .list .icon-arrow-up-b{position:absolute;color:#e60012;left: 50%;top: -13px;font-size:20px;margin-left: -10px;}
.wrap_lang_top .list a,
.wrap_global .country .list a{color:#fff;display:block;padding: 15px 5px;}
.wrap_lang_top .list a:hover,
.wrap_global .country .list a:hover{background:#b8000e;}
.wrap_lang_top.active .list,
.wrap_global .country.active .list{
  display:block;
  -webkit-animation: slide-in-bottom 0.3s ease-in-out both;
  animation: slide-in-bottom 0.3s ease-in-out both;
}
.wrap_global .notice .list{position:absolute;right: 80px;top: 40px;width: 500px;box-sizing: border-box;padding-top:20px;}
.wrap_global .notice.active .list{
  display:block;
-webkit-animation: slide-in-bottom 0.3s ease-in-out both;
  animation: slide-in-bottom 0.3s ease-in-out both;
}
.wrap_global .notice .list > ul{background:#f8f8f8;}
.wrap_global .notice .list .icon-arrow-up-b{position:absolute;right: 25px;top: 5px;color:#f8f8f8;font-size: 23px;} 
.wrap_global .notice .list li{border-bottom:1px #e6e6e6 solid;}
.wrap_global .notice .list .item > a{color:#393939;display:block;padding: 20px 20px 50px 40px;}
.wrap_global .notice .list .item:hover{background:#f2f2f2;}
.wrap_global .notice .list a span{display:block;}
.wrap_global .notice .list a .date{
    text-align: right;
    color: #b0b0b0;
}
.wrap_global .notice .list a .h1{
    font-size: 22px;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    font-weight: 500;
    color: #393939;
    margin-top: 5px;
}
.wrap_global .notice .list a .t1{
    color: #b0b0b0;
    margin-top: 9px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
}
.wrap_global .notice .list .bot{text-align: right;background: #ececec;padding: 8px 20px;}
.wrap_global .notice .list .bot a{color:#e60012;font-size:17px;font-weight:400;display: inline-flex;align-items: center;}
.wrap_global .notice .list .bot a i{margin-top:1px; margin-left:4px; font-weight:600; font-size:20px;}



#header{position:absolute;z-index:5;left:0;top: 17px;width:100%;}
#header .inr-c{display:flex;justify-content: space-between;}
#header .col_area.rgh{margin-top:5px;}



#lnb:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
#lnb > .area_rgh,
#lnb > .scroll {
  float: left;
}
#lnb > .area_rgh {
  font-size: 0;
  margin-left: 60px;
}
#lnb > .area_rgh > .col {
  height: 80px;
  display: inline-block;
  margin-right: 15px;
}
#lnb > .area_rgh > .col:last-child {
  margin-right: 0;
  margin-left: 30px;
}
#lnb > .area_rgh > .col .vam {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
#lnb > .area_rgh > .col:after {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
  content: "";
}
#lnb > .area_rgh .col.btn_sitemap {
  width: 90px;
  background-color: transparent;
}
#lnb > .area_rgh .col.btn_sitemap a {
  height: 80px;
  display: block;
}
#lnb > .area_rgh .col .btns {
  display: inline-block;
  line-height: 1;
  border: 1px solid #fff;
  padding: 9px 20px;
  border-radius: 20px;
  color: #fff;
  font-weight: 500;
}
#lnb > .area_rgh .col .btns:hover {
  background-color: #1e3795;
  border-color: #1e3795;
  color: #fff;
  -webkit-transition: ease-in-out 300ms all;
  -moz-transition: ease-in-out 300ms all;
  -ms-transition: ease-in-out 300ms all;
  -o-transition: ease-in-out 300ms all;
  transition: ease-in-out 300ms all;
}
#lnb {
  text-align: center;
  display: inline-block;
  position: absolute;
  z-index: 2;
  right: 0%;
  top: 0;
}
.bg_lnb {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  width: 100%;
  height: 79px;
  position: absolute;
  left: 0;
  top: 80px;
  display: none;
}
/*.bg_lnb:after{
  position: absolute;
  left: 0;
  top: -30px;
  width: 100%;
  height: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 10px 10px 5px -6px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 10px 10px 5px -6px rgba(0, 0, 0, 0.05);
  box-shadow: 10px 10px 5px -6px rgba(0, 0, 0, 0.05);
  content:"";
  }*/
#lnb .menu.inr-c {
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
#lnb .mc {
  float: left;
  position: relative;
  text-align: center;
  padding-left: 34px;
  padding-right: 34px;
}
#lnb .mc > a {
  display: block;
  width: 100%;
  position: relative;
  padding: 31px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
}
#lnb .mc > a:after {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: "";
}
#lnb .mc > a:before {
  position: absolute;
  left: 50%;
  bottom: 1px;
  width: 0;
  height: 3px;
  background-color: #1e3795;
  content: "";
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#lnb .mc > a > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#lnb .mc > a:hover > span,
#lnb .mc.on > a > span,
#lnb .mc.ovr > a > span {
  color: #1e3795;
  font-weight: 500;
}
#lnb .mc > a:hover:before,
#lnb .mc.on > a:before,
#lnb .mc.ovr > a:before {
  left: 0;
  width: 100%;
}
#lnb .depth2 {
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  top: 80px;
  width: 1000px;
  padding-left: 0;
  font-size: 0;
  margin-left: -410px;
}
#lnb .m1 .depth2 {
  padding-left: 0;
}
/* #lnb .mc:last-child .depth2 {
  left: initial;
  right: 6px;
  width: 214px;
} */
#lnb .depth2 ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '';
}
#lnb .depth2 ul li {
  display: inline-block;
  position: relative;
}
#lnb .depth2 ul li:first-child:after {
  display: none;
}
#lnb .depth2 ul li:first-child a {
  padding-left: 0;
}
#lnb .depth2 a {
  color: #5d6268;
  display: block;
  width: 100%;
  height: 79px;
  text-align: center;
  opacity: 1;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#lnb .depth2 a > * {
  display: inline-block;
  vertical-align: middle;
}
#lnb .depth2 a > span {
  font-size: 18px;
}
#lnb .depth2 a img {
  max-width: 100%;
  height: auto;
}
#lnb .depth2 a:after {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
  content: "";
}
#lnb .depth2 .on a,
#lnb .depth2 a:hover {
  opacity: 1;
  color: #00007f;
}
#lnb .depth2 .on a {
  font-weight: 500;
}
.body_scroll #header,
#header.menuopen {
/*  background-color: #fff;
  border-bottom-color: #e7e7e7;*/
}
.body_scroll #header .h a,
#header.menuopen .h a {
  background-position: 0 100%;
}
.body_scroll #header #lnb .mc > a > span,
#header.menuopen #lnb .mc > a > span {
  color: #000;
}
.body_scroll #header #lnb > .area_rgh .col .btns:hover,
#header.menuopen #lnb > .area_rgh .col .btns:hover {
  color: #fff;
}
.body_scroll #header #lnb > .area_rgh .col .btns,
#header.menuopen #lnb > .area_rgh .col .btns {
  border-color: #ccc;
  color: #696969;
}
.body_scroll #header #lnb > .area_rgh .col.btn_sitemap,
#header #lnb > .area_rgh .col.btn_sitemap:hover,
#header.menuopen #lnb > .area_rgh .col.btn_sitemap {
  background-color: #1e3795;
}
.body_scroll #header:after,
#header.menuopen:after {
  background-color: #1e3795;
}



@media screen and (max-width: 1280px) {
  .wrap_global .country,
  .header_pc .col_area.cen,
  .wrap_global .notice > a .t{display:none;}
}



@media screen and (max-width: 840px) {
  #header{top: 2.2vw;}
  #header .inr-c{display:flex;justify-content: space-between;}
  #header .col_area .h img{width:36vw;}
  #header .col_area.rgh{margin-top: 0vw;}

  .header_pc .col_area.lft a,
  .header_pc{height: 13vw;top: -13vw;}
  .header_pc .col_area.lft{position:absolute; left:5vw; top:0;}
  .header_pc .col_area.rgh{position:absolute; right:5vw; top:0;}
  .header_pc .col_area.lft a img{width:30vw}
  
  
.wrap_global{height: 13vw;}
.wrap_global > * {margin-left: 5vw;display:flex;} 
/*.wrap_global .notice:hover .list{display:block;}*/
.wrap_global .notice > a{display:flex;color:#fff;font-weight:400;font-size:16px;margin-top: 6px;} 
.wrap_global .notice.active > a{color:#f1818a;}
.wrap_global .notice > a .t{}
.wrap_global .dir_icon a {margin-top:7px;}
.wrap_global .ico_dir {width:81px; background-size:contain;}
.wrap_global .country{margin-top:2px; position:relative;}
.wrap_global .sitemap{margin-top: -1px;}
.wrap_global .country .list,
.wrap_global .notice .list{display: none;}
.wrap_global .country .list{position:absolute;left:0;top: 44px;width:80px;background:#e60012;text-align:center;margin-left: -27px;}
.wrap_global .country .list .icon-arrow-up-b{position:absolute;color:#e60012;left: 50%;top: -13px;font-size:20px;margin-left: -10px;}
.wrap_global .country .list a{color:#fff;display:block;padding: 15px 5px;}
.wrap_global .country .list a:hover{background:#b8000e;}
.wrap_global .country.active .list{display:block;}
.wrap_global .notice .list{right: 0;top: 8vw;width: 90vw;padding-top: 5vw;}
.wrap_global .notice.active .list{display:block;}
.wrap_global .notice .list > ul{}
.wrap_global .notice .list .icon-arrow-up-b{right: 11.8vw;top: 1.1vw;font-size: 6vw;} 
.wrap_global .notice .list li{}
.wrap_global .notice .list .item > a{padding: 5vw 5vw 5vw 5vw;}
.wrap_global .notice .list .item:hover{background:#f2f2f2;}
.wrap_global .notice .list a span{display:block;}
.wrap_global .notice .list a .date{
}
.wrap_global .notice .list a .h1{
    font-size: 5vw;
    line-height: 6vw;
    height: 6vw;
    margin-top: 2vw;
}
.wrap_global .notice .list a .t1{
    margin-top: 2vw;
    line-height: 5vw;
    height: 5vw;
    overflow: hidden;
}
.wrap_global .notice .list .bot{text-align: right;background: #ececec;padding: 3vw 5vw;}
.wrap_global .notice .list .bot a{font-size: 4vw;}
.wrap_global .notice .list .bot a i{margin-top: 1vw;margin-left: 1vw;font-size: 3.7vw;}
}


@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}