@import "/www/630_new/assets/css/responsive.css";
  @import url('https://fonts.googleapis.com/css2?family=Maven+Pro&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
#wrap {
  width: 100%;
}
/*font-family: 'Maven Pro', sans-serif;
font-family: 'Noto Sans KR', sans-serif;*/
.mobile_header_hidden_1,
.mobile_header_hidden_2,
.mobile_header_hidden_3,
.mobile_header_hidden_4 {
}

.mobile_header_hidden_1 a,
.mobile_header_hidden_2 a,
.mobile_header_hidden_3 a,
.mobile_header_hidden_4 a {
  display: block;
  font-size: 1.25rem !important;
}

.top_header {
  background-color: #fff;
  width: 100%;
  /* height: 9.375rem; */
  height: 13.8rem;
  padding-bottom:75px;
}

.top_header_left {
  display: inline-block;
  width: 100%;
}

.top_header_left h1 {
  font-size: 1.4rem;
}

.top_header_wrapper {
  max-width: 1130px;
  width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  height: 100%;
}

.top_header_right {
  display: inline-block;
  width: 100%;
  text-align: right;
}

.top_header_right_weatherArea {
  display: inline-block;
}

.top_header_right_btn {
  display: inline-block;
  font-size: 0;
}

.top_header_right_btn p {
  position: relative;
  vertical-align: middle;
  padding-right: 1rem;
}

.top_header_right_btn p::before {
  content: "";
  position: absolute;
  background: url(/assets/images/main/header_right_icon.png) no-repeat;
  position: absolute;
  width: 0.83rem;
  height: 1.5rem;
  vertical-align: middle;
  right: -1rem;
  background-size: 100%;
  top:24%
}

.top_header_right_btn p a {
  font-size: 1.4rem;
}

.header {
  width: 100%;
  position: absolute;
  top: 9.375rem;
  border-top: 1px solid #b5b5b5;
  border-bottom: 1px solid #b5b5b5;
  font-family:'Noto Sans KR', "noto_R", sans-serif;
}

.header_active .header_logo {
  background: url(/assets/images/main/main_logo_c.png) no-repeat;
  background-size: 100%;
  width: 11.69rem;
  height: 2rem;
  display: inline-block;
  background-position: center;
  vertical-align: middle;
  cursor: pointer;
}

.header_active .header_right li a {
  color: #333333;
}

.header_over .header_logo {
  background: url(/assets/images/main/main_logo_c.png) no-repeat;
  background-size: 100%;
  width: 11.69rem;
  height: 2rem;
  display: inline-block;
  background-position: center;
  vertical-align: middle;
  cursor: pointer;
}

.header_over .header_right li a {
  color: #333333;
}

.header_logo {
  background: url(/assets/images/main/main_logo_c.png) no-repeat;
  background-size: 100%;
  width: 11.69rem;
  height: 2rem;
  display: inline-block;
  background-position: center;
  vertical-align: middle;
  cursor: pointer;
}

.header_logo_wrapper {
  position:absolute; left:0;top:50%; margin-top:-1rem;
}

.header_wrapper {
  max-width: 1240px;
  padding:0 20px;box-sizing:border-box;
  margin: 0 auto;
  width: 100%;
  font-size: 0;
  text-align:center;
  height: 4.375rem;
  position:Relative;
}

.header_right {
  display: inline-block;
  width: 100%;
  text-align: left;
  position: relative;
}

.header_right li {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  text-align: left;
  position: relative;
  width:16.666%
}
.header_right li a {
  font-size: 1.125rem;
  color: #000;
	line-height:4.375rem

}

.header_right li a:hover {
  color: #3860d2;
}

.header_right_sub_list li a:hover {
  color: #3860d2;
  font-weight:400
}

.header_right_sub_list li a em.sm{font-size:0.8rem;display:block;font-style:normal}

.header_active {
  background-color: #fff;
  border-bottom: 1px solid #b5b5b5;
  animation: fadeIn 0.5s;
  position: fixed;
  top: 0;
  z-index: 10;
}

.header_over {
  background-color: #fff;
  border-bottom: 1px solid #b5b5b5;
  z-index: 10;
  transition: 0.4s;
}

.footer_top li::after {
  content: "";
}

.footer_top li:last-of-type::after {
  display: none;
}

.footer {
  position: relative;
  z-index: 6;
  background-color: #f9f9f9;
}

.footer_top {
  width: 100%;
  text-align: center;
  padding-top: 1.25rem;
  margin: 0 auto;
  padding-bottom: 3.5rem;
  max-width: 1130px;
  text-align: left;
  text-align: center;
  display: none;
}

.footer_top li {
  display: inline-block;
  margin-right: 5.1rem;
  position: relative;
}

.footer_top li::after {
  content: "";
  height: 18px;
  width: 1px;
  background-color: #4b505c;
  position: absolute;
  margin-top: 0.3rem;
  right: -2.55rem;
}

.footer_top li:last-of-type {
  margin-right: 0;
}

.footer_top li a {
  font-size: 0.99rem;
  font-family: noto_DL;
}

.footer_bottom {
  max-width: 1130px;
  width: 95%;
  margin: 0 auto;
  padding-top: 2.5rem;
}

.footer_bottom_logo {
  background: url(/assets/images/main/main_logo_g.png) no-repeat;
  background-size: 100%;
  width: 11.69rem;
  height: 2rem;
  display: inline-block;
  background-position: center;
  vertical-align: top;
  margin-right: 5rem;
}

.footer_bottom_textArea {
  display: inline-block;
}

.footer_bottom_textArea h1 {
  font-size: 0.875rem;
  color: #4b505c;
  font-family: noto_L;
}

.footer_bottom_textArea_bottom_list {
  margin-top: 1.375rem;
  padding-bottom: 2.25rem;
  display: block;
}

.footer_bottom_textArea_bottom_list li {
  display: inline-block;
  margin-left: 1rem;
}

.footer_bottom_textArea_bottom_list li img {
  display: inline-block;
  max-width: 14.5px;
  margin-right: 0.25rem;
}

.footer_bottom_textArea_bottom_list li:first-of-type {
  margin-left: 0;
}

.footer_bottom_textArea_bottom_list li h1 {
  color: #4b505c;
  display: inline-block;
}

.footer_bottom_textArea_bottom_list li h2 {
  font-size: 0.875rem;
  display: inline-block;
  padding-left: 0.5rem;
  font-family: noto_L;
  color: #4b505c;
}

.header_right_wrapper {
  width: 100%;
  max-width:720px;
  text-align: left;
  display: inline-block;
max-width:790px;margin-left:60px}
.header_right_sub_on {
  height: 28rem !important;
  padding: 1.35rem 0 !important;
  transition: 0.4s;
  border-top:1px solid #b5b5b5;
}
.ir_header .header_right_sub_on{height:25.5rem !important}
div.header_searchForm {
  width: 100%;
  background-color: #5681ee;
  position: absolute;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  height: 10rem;
  z-index: 11;
}

div.header_searchForm div.header_searchForm_contents {
  margin: 0 auto;
  position: relative;
  z-index: 6;
  text-align: center;
}

div.header_searchForm
  div.header_searchForm_contents
  button.search_value_submit {
  background: url(/assets/images/base/search_submit.png) no-repeat;
  background-position: center;
  width: 2.5rem;
  height: 2.5rem;
  background-size: 80%;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 0.5rem;
}

div.header_searchForm ul.header_searchForm_close_btn {
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}

div.header_searchForm ul.header_searchForm_close_btn li {
  width: 1px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  right: 1.25rem;
}

.header_searchForm_close_btn li:nth-of-type(1) {
  transform: rotate(-43deg) !important;
}

.search_value {
  border: 0;
  background: none;
  border-bottom: 1px solid #fff;
  height: 2.5rem;
  color: #fff;
  width: 28rem;
  font-size: 1rem;
  text-align: left;
  vertical-align: middle;
}

.search_value::placeholder {
  color: #fff;
  font-family: noto_L;
}

.header_searchForm_close_btn_wrapper {
  position: absolute;
  max-width: 1130px;
  margin: 0 auto;
  width: 100%;
  height: 2.5rem;
}

.header_searchForm_active {
  display: flex !important;
}

.header_searchForm_down {
  width: 100%;
  background-color: #5681ee;
  position: absolute;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  height: 10rem;
  z-index: 11;
  position: fixed !important;
  top: 4.4rem !important;
}
.locate_btn{display:none;}
.header_right_sub {
  width: 100%;
  background-color: #fff;
  position: absolute;
  padding: 1.35rem 0;
  left: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  transition: 0.4s;
}

.header_right_sub_maxSize {
  max-width: 720px;
  margin: 0 auto;
  width: 100%;
  position:relative;
max-width:850px}
 .header_right_sub_maxSize > ul{padding-left:60px}
.header_right_sub_maxSize > b{font-size:18px; position:absolute; left:-37%;top:0;color:#4e4e4e}
 .header_right_sub_maxSize > b{left:-23%}
.add_list_bg .header_right_sub_maxSize > b {top:1rem}

.header_right_sub_list {
  font-size: 0;
  padding-bottom: 1rem;
}

.header_right_sub_list li {
  display: inline-block;
  width: 20%;
  text-align: left;
  font-size: 1rem;
  vertical-align: top;
width:16.666%}


.header_right_sub_list li a {
  display: block;
  margin-top: 1rem;
  color: #4e4e4e;
  position: relative;
  font-weight:300;
}

 .header_right_sub_list li a.st img{display:inline;margin-left:2px;}

.header_right_sub_list li a:first-of-type {
  margin-top: 0;
}
.header_right_icons{position:absolute; right:0;top:0;width:180px;font-size:0;font-family:'Maven Pro',sans-serif;}
.header_right_icons ul{display:inline-block;vertical-align:middle;/*background:#3962cd;*/text-align:Center}
.header_right_icons ul:after{display:block; content:''; clear:both}
.header_right_icons ul li{display:table;height:4.375rem; width:4.6rem;float:left; position:relative;}
.header_right_icons ul li:first-child:before{position:absolute;width:1px; height:34px;top:50%; margin-top:-17px; content:'';right:0; background:#789fc5;display:none}
.header_right_icons ul li a{display:table-cell; height:100%; width:100%; vertical-align:middle;border-radius:5px;transition:all .4s;-webkit-transition:all .4s;}
.header_right_icons ul li a:hover{background:#305AC3}
.header_right_icons ul li .pic{background-image:url('/assets/images/base/h_air.png');background-size:contain;background-position:center center ;background-repeat:no-repeat;transition:all .4s;-webkit-transition:all .4s;max-width:20px;margin:0 auto;}
.header_right_icons ul li .pic img{opacity:0; visibility:hidden; max-width:100%}
.header_right_icons ul li a:hover .pic{background-image:url('/assets/images/base/h_air_hv.png')}
.header_right_icons ul li.mallBtn .pic{background-image:url('/assets/images/base/h_mall.png')}
.header_right_icons ul li.mallBtn a:hover .pic{background-image:url('/assets/images/base/h_mall_hv.png')}
/* .header_right_icons ul li a:hover {background-color:red;} */
.header_right_icons ul li a .img{height:18px}
.header_right_icons ul li a .img img{display:inline}
.header_right_icons ul li a span{display:block; font-size:12px; line-height:1; margin-top:5px;color:#305AC3;transition:all .4s;-webkit-transition:all .4s;}
.header_right_icons ul li a:hover span{color:#fff}
.header_right_icons .header_right_md {display:inline-block;vertical-align:middle;padding-left:20px;box-sizing:Border-box;display:none}
.header_right_icons .header_right_md a{width:20px;height:20px; display:inline-block; vertical-align:middle;background-image:url('/assets/images/base/ico_search.png');background-size:auto;background-repeat:no-repeat;background-position:center center;}
.header_right_icons .header_right_md button{font-size:0;margin-left:20px;width:20px; height:20px; display:inline-block;vertical-align:middle;background-image:url('/assets/images/base/lang_ico.png');background-size:auto;background-repeat:no-repeat;background-position:center center;}
.header_right_icons .header_right_md .mo_menu_btn{display:none;vertical-align:middle;margin-left:20px;width:22px; height:20px; background-image:url('/assets/images/base/menu_mo.png');background-size:auto;background-repeat:no-repeat;background-position:center center; }

.header_m {
  display: none;
}

.header_m_back {
  display: none;
}

ul.servie_menu {
  position: absolute;
  background-color: #e8e8e8;
  z-index: 9;
  border-radius: 3px;
  display: none;
}

ul.servie_menu li {
  display: block;
  text-align: center;
  width: 100% !important;
  padding: 0.875rem;
  border-bottom: 1px solid #cecece;
}

ul.servie_menu li a {
  text-align: center;
  width: 100%;
  display: block;
  margin-top: 0;
}

.footer_bottom_sns {
  font-size: 0;
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 2rem;
}

.footer_bottom_sns li {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-block;
  font-size: 1rem;
  border-radius: 5px;
  margin-right: 0.5rem;
}

.footer_bottom_sns li:nth-of-type(1) a {
  background: url(/assets/images/base/icon_sns_1.png) no-repeat;
  background-color: #919191;
  background-size: 70%;
  background-position: center center;
}

.footer_bottom_sns li:nth-of-type(2) a {
  background: url(/assets/images/base/icon_sns_3.png) no-repeat;
  background-color: #919191;
  background-size: 70%;
  background-position: center center;
}

.footer_bottom_sns li:nth-of-type(3) a {
  background: url(/assets/images/base/icon_sns_4.png) no-repeat;
  background-color: #919191;
  background-size: 70%;
  background-position: center center;
}

.footer_bottom_sns li:nth-of-type(4) a {
  background: url(/assets/images/base/icon_sns_5.png) no-repeat;
  background-color: #919191;
  background-size: 70%;
  background-position: center center;
}

.footer_bottom_sns li a {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #4e98ff !important;
  border-radius: 5px;
}

.footer_bottom_sns li a:hover {
  opacity: 0.5;
}

::-webkit-scrollbar {
  width: 3px;
}

::-webkit-scrollbar-thumb {
  background: #a9a9a9;
}

.header_m {
    position: fixed;
    width: 80%;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
    top: 0;
    display: block;
    right: -100%;
    transition: 0.4s;
	padding:1rem 20px 0;
	box-sizing:border-box;
  }

  .header_m_logo {
    background: url(/assets/images/main/main_logo_c.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 3rem;
	max-width:540px;
    display: block;
    background-position:left center;
    vertical-align: middle;
	margin:0 auto;
    cursor: pointer;
  }

  .header_m_list {
    margin: 0 auto;
    width: 100%;
  }

  .header_m_list li a {
    font-size: 2.5rem;
    color: #333333;
    font-family: noto_L;
  }
  .header_m_list li a img{display:inline;margin-left:2px}
.header_m_list li a em{font-size:1rem;font-style:normal;font-weight:300;    font-family: noto_L;}
  .header_m_list li:last-of-type {
  }

  .header_m_wrapper {
    margin: 30px auto 0;
	max-width:540px;
    width: 100%;
    overflow-y: scroll;
    z-index: 6;
    height: calc(100% - 240px);
    overflow-x: hidden;
  }
.mobile_header_hidden_1, .mobile_header_hidden_2, .mobile_header_hidden_3, .mobile_header_hidden_4{position:Relative}
.mobile_header_hidden_1::before, .mobile_header_hidden_2::before, .mobile_header_hidden_3::before, .mobile_header_hidden_4::before{position:absolute;bottom: -2rem;background:#f1f1f1;height:1px;left:-4%;content:'';width: 108%;}
  .header_m_list li:first-child{margin-top:0 !important}
  .header_m_list li{padding-left:1.4rem;}
  .header_m_list li.hg_list{font-size:1.7rem;padding-left:0.5rem !important;font-weight:600;padding-left:0; color:#333;background:#f3f9fd;line-height:2.2}
  .header_m_list li.md_list {padding-left:0.8rem;padding-top:0}
.header_m_list li.md_list a{font-size:1.5rem;font-weight:600;position:relative; display:block; line-height:2.5}
.header_m_list li.md_list a:before{width:10px;height:18px; content:''; position:absolute; right:10px; top:50%; margin-top:-9px; background-repeat:no-repeat;background-position:center center; background-size:auto;background-image:url('/assets/images/base/menu_arrow.png')}
  .header_m_back {
    width: 100%;
    position: fixed;
    background-color: #000;
    opacity: 0.5;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 50;
  }

  .header_m_on {
    right: 0;
  }

  .header_m_close {
    position: absolute;
    width: 40px;
    height: 40px;
    left: -4rem;
    top: 1rem;
    z-index: 999;
  }

  .header_m_close li {
    background-color: #fff;
    width: 100%;
    height: 2px;
    transform: rotate(45deg);
    position: absolute;
    top: 1.5rem;
  }

  .header_m_close li:first-of-type {
    transform: rotate(-45deg);
  }

.m_ico_list.main_m{padding:0 20px;margin-top:10px}
.m_ico_list{margin-top:30px;box-sizing:border-box}
.m_ico_list ul{background:#3962cd;text-align:Center;border-radius:10px}
.m_ico_list ul:after{display:block; content:''; clear:both}
.m_ico_list ul li{display:table;height:60px; width:50%;float:left; position:relative;}
.m_ico_list ul li:first-child:before{position:absolute;width:1px; height:34px;top:50%; margin-top:-17px; content:'';right:0; background:#789fc5;}
.m_ico_list ul li a{display:table-cell; height:100%; width:100%; vertical-align:middle;}
.m_ico_list ul li a .img{height:18px;display:inline-block;vertical-align:middle}
.m_ico_list ul li a .img img{display:inline}
.m_ico_list ul li a span{display:inline-block;vertical-align:middle; font-size:18px; line-height:1; margin-left:15px;color:#fff;}

.m_searchForm_contents{margin-top:20px;position:relative;display:none}
.m_searchForm_contents input{height:50px;width:100%;line-height:50px; padding-right:46px;border-radius:25px; border:1px solid #e9e9e9; box-sizing:border-box;color:#333}
.m_searchForm_contents button{position:absolute; right:20px; top:50%; margin-top:-11px; width:22px;height:22px; background-size:auto; background-repeat:no-repeat; background-position:center center; background-image:url('/assets/images/base/ico_search.png')}
.header_active_case_1 {
  background-color: #fff;
  border-top: 0px im !important;
  border-bottom: 1px solid #b5b5b5 !important;
  animation: fadeIn 0.5s;
  position: fixed;
  top: 0;
  z-index: 100;
  background: #fff !important;
}

.header_active_case_1 .header_logo {
  background: url(/assets/images/main/main_logo_c.png) no-repeat !important;
  background-size: contain !important;
  background-position: center !important;
}

.header_right_sub_maxSize_2 {
}
.add_list_bg{  background:#f3f9fd}
.header_right_sub_list_add {
  padding-top: 1rem;
  position: relative;
  padding-bottom:2rem

}
/*
.header_right_sub_list_add::after {
  content: "";
  width: 73%;
  height: 1px;
  background-color: #b5b5b5;
  position: absolute;
  top: 0;
  right: 0;
}
*/
ul.servie_menu li:last-of-type {
  border: 0;
}

#servie_menu_over_icon::after {
  content: "";
  background: url(/assets/images/base/right_icon.png) no-repeat;
  background-size: 100%;
  width: 0.35rem;
  height: 1rem;
  display: inline-block;
  position: absolute;
  top: 0.4rem;
  right: 0px;
}


.popup{position:absolute; left:10%; top:10%; max-width:600px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;z-index:100}
.popup .pop_img{font-size:0}
.popup .pop_img img{max-width:100%; display:inline}
.popup .pop_btm{background:#4f4f4f;padding:3px 10px;box-sizing:border-box}
.popup .pop_btm::after{clear:both; display:block; content:'';}
.popup .pop_btm a{display:block; line-height:30px; float:right;font-size:16px;color:#fff}
.popup .pop_btm a:first-child{float:left}


.quick_menu{position:fixed; right:40px;bottom:80px;text-align:center;z-index:9999;;}
.quick_menu .quick_wrap{background-color:#fff;border-radius:40px;max-width:80px;overflow:hidden;box-shadow: rgba(0, 0, 0, 0.06) 0px 20px 20px;}
.quick_menu .quick_btn{width:80px;height:80px;border-radius:40px;background-image:url('/assets/images/base/show_ico.png');background-repeat:no-repeat;background-position:center center; background-size:auto;display:block}
.quick_menu .quick_btn.act{transform: rotate(45deg);}
.quick_menu .top_btn{width:56px;box-sizing: border-box;height:56px;background:#0165eb;color:#fff;padding-top: 15px;display:block;text-align:center;box-shadow: rgba(0, 0, 0, 0.06) 0px 20px 20px;margin:12px auto 0;border-radius:28px}
.quick_menu .top_btn span{font-size:14px;font-weight:400;line-height:1;margin-top: 4px;display:block;text-transform: uppercase;}
.quick_menu .top_btn span.img{font-size:0; margin:0}
.quick_menu .top_btn span.img img{display:inline}
.quick_menu ul{display:none}
.quick_menu ul li{transition:all .3s;-webkit-transition:all .3s;}
.quick_menu ul li a{display:block;padding:20px;box-sizing:border-box}
.quick_menu ul li a .img{font-size:0;background-repeat:no-repeat;background-position:center center; background-size:contain;transition:all .5s;-webkit-transition:all .5s;}
.quick_menu ul li a img{display:inline-block; max-width:100%;}
.quick_menu ul li a img.mov{display:none}
.quick_menu ul li .img img{opacity:0;visibility:hidden}
.quick_menu ul li.li01 .img{background-image:url('/assets/images/base/quick_ico01.png')}
.quick_menu ul li.li02 .img{background-image:url('/assets/images/base/quick_ico02.png')}
.quick_menu ul li.li03 .img{background-image:url('/assets/images/base/quick_ico03.png')}
.quick_menu ul li.li04 .img{background-image:url('/assets/images/base/quick_ico04.png')}
.quick_menu ul li.li05 .img{background-image:url('/assets/images/base/quick_ico05.png')}
.quick_menu ul li.li06 .img{background-image:url('/assets/images/base/quick_ico06.png')}
.quick_menu ul li.li01:hover .img{background-image:url('/assets/images/base/quick_ico01_h.png')}
.quick_menu ul li.li02:hover .img{background-image:url('/assets/images/base/quick_ico02_h.png')}
.quick_menu ul li.li03:hover .img{background-image:url('/assets/images/base/quick_ico03_h.png')}
.quick_menu ul li.li04:hover .img{background-image:url('/assets/images/base/quick_ico04_h.png')}
.quick_menu ul li.li05:hover .img{background-image:url('/assets/images/base/quick_ico05_h.png')}
.quick_menu ul li.li06:hover .img{background-image:url('/assets/images/base/quick_ico06_h.png')}

@media (max-width: 960px) {
  .header_right {
    display: none;
  }
  .header_right_sub {
    display: none;
  }
.header_right_icons .header_right_md{display:block}
/*.header_active_case_1{border-bottom:0 !important}*/
  .header_right_icons ul{display:none}
  .header_logo_wrapper{left:20px}
  .header_right_icons{width:auto; right: 20px; top: 50%; margin-top: -10px;}
  .header_right_icons .header_right_md a{display:none}
  .header_right_icons .header_right_md .mo_menu_btn{display:inline-block;}
	.quick_menu .quick_wrap{max-width:60px}
.quick_menu ul li a{padding:8px 10px}
	.quick_menu .quick_btn{width:60px;height:60px}
	.quick_menu{bottom:30px;right:30px}
}

@media (max-width: 900px) {
  .header_m_list li a {
    margin-top: 0.5rem;
  }
  .header_m_list li a:nth-of-type(1) {
    margin-top: 0rem;
  }
  .w_hd .header_m_list li:nth-of-type(2n + 1) {
    margin-top: 2.5rem;
  }
  .header_m_list li.has_tp{margin-top:2.5rem}
  .header_over {
    background: none;
    border-bottom: none;
    z-index: 10;
    transition: 0.4s;
  }

  .header_over .header_logo {
    background: url(/assets/images/main/main_logo.png) no-repeat;
    background-size: 100%;
    width: 11.69rem;
    height: 2rem;
    display: inline-block;
    background-position: center;
    vertical-align: middle;
    cursor: pointer;
  }

  .header_over .header_right li a {
    color: #fff;
  }






  .header_right_m li:nth-of-type(1) {
  }


    .top_header_left p {
    display: none;
  }

  .top_header_left {
    display: none;
  }

  .top_header_middle_iconArea {
    margin-left: 0;
  }

  .top_header_middle_iconArea img {
    max-width: 40px;
  }

  .top_header_middle_iconArea {
    margin-right: 1rem;
  }

  .header_right {
    width: 45.25rem;
  }
}

@media (max-width: 800px) {

.top_header {
  height: 9.375rem;
  padding-bottom:0;
}


  .footer_bottom_sns {
    font-size: 0;
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 0;
    padding-bottom: 2rem;
  }
}

@media (max-width: 710px) {
  .footer_top {
    display: none;
  }

  .footer_bottom {
    padding-top: 2rem;
  }

  .footer_bottom_logo {
    display: block;
    margin-bottom: 1rem;
  }
  	.popup{left:5%; max-width:90%}
	.popup .pop_btm a{font-size:14px}
	.quick_menu{ bottom:30px}
}

@media (max-width: 500px) {
	.header_m_wrapper{width:100%}
	.quick_menu{right:20px}
	.quick_menu .quick_wrap{max-width:50px}
	.quick_menu .top_btn{width:45px; height:45px;padding-top:10px}
	.quick_menu .quick_btn{ width: 50px;    height: 50px;    background-size: 25px;}
   }
@media (max-width: 360px) {
.m_ico_list ul li{height:5rem}
  .top_header_right_btn h1::before {
    content: "";
    position: absolute;
    background: url(/assets/images/main/header_right_icon.png) no-repeat;
    position: absolute;
    width: 0.6rem;
    height: 2rem;
    vertical-align: middle;
    right: -0.3rem;
    background-size: 100%;
  }

  .top_header_right_btn h1 a {
    font-size: 1rem;
  }

  .top_header_middle_iconArea {
    display: inline-block;
    margin-right: 1rem;
    margin-left: 0;
  }
}


