@charset "utf-8";
#header .ly_center_mom {
 /*  text-align: center; */
}

.header_center {
  padding: 20px 0 0 0;
  z-index: 4;
  font-family: 'Noto Sans KR', sans-serif;
}

.lay_gnb_fixed .header_center {
  z-index: 2;
}

.header_center .ly_center_mom {
  padding-bottom: 20px;
  position: relative;
}

.header_center_left {
  position: absolute;
  left: 0;
  top: 20px;
}

.header_center_right {
  position: absolute;
  right: 0;
  top: 20px;
}

/* 메인페이지 header부분 sns버튼 추가 */
.header_center_top {max-width: 1280px;margin: 0 auto;position: relative;box-sizing: border-box;padding: 10px 0;font-size: 14px;font-weight: 600;letter-spacing: -1.4px;height: 40px;} /*??????????�Ң�_????����?��????*/
.header_center_right .snsWrap a{float: left;width: 24px;height: 24px;font-size: 0;padding: 0;box-sizing:border-box;margin-left: 0px;}
.header_center_right .snsWrap{display: inline-block;position: absolute;width: 160px;right: 0px;top: -35px;}
.header_center_right .btn_twitter{background:url(/images/inc/sns_x_23.png) no-repeat center;background-size: cover;}
.header_center_right .btn_facebook{background:url(/images/inc/sns_facebook.png) no-repeat center; background-size: cover; }
.header_center_right .btn_blog{background:url(/images/inc/sns_blog.png) no-repeat center; background-size: cover; }
.header_center_right .btn_kakao{background:url(/images/inc/sns_youtube.png) no-repeat center; background-size: cover; }

.header_center_right .cicon_blog,
.header_center_right .cicon_facebook,
.header_center_right .cicon_twitter,
.header_center_right .cicon_instagram,
.header_center_right .cicon_kakaoch,
.header_center_right .cicon_youtube {width: 24px;height: 24px;background: center no-repeat;display: inline-block;vertical-align: middle;padding: 0px;border-radius: 100%; background-size: 20px;}

.header_center_right .cicon_blog {background-image: url(/images/new/sns_blog.png);}
.header_center_right .cicon_facebook {background-image: url(/images/new/sns_facebook.png);}
.header_center_right .cicon_twitter {background-image: url(/images/new/sns_x_19.png);}
.header_center_right .cicon_instagram {background-image: url(/images/new/sns_instagram.png);}
.header_center_right .cicon_youtube {background-image: url(/images/new/sns_youtube2.png);}
.header_center_right .cicon_kakaoch {background-image: url(/images/new/sns_kakaoch.png);}


@media (max-width: 1070px) {
  .header_center_right .snsWrap{right: 75px;top: -10px;}
}

@media (max-width: 767px) {
  .header_center_right .snsWrap{right: 5px;top: -26px;width: 82px;}
  .header_center_right .cicon_blog,
  .header_center_right .cicon_facebook,
  .header_center_right .cicon_twitter,
  .header_center_right .cicon_instagram,
  .header_center_right .cicon_kakaoch,
  .header_center_right .cicon_youtube {padding: 0px;border-radius: 0;width: 18px;height: 18px;}
  .header_center_right .snsWrap a {width: 15px;height: 20px;margin-right: 6px;}
}

@media (max-width: 420px){
  .header_center_right .snsWrap {right: 10px; top: -26px; width: 82px;}
}

/* 서브페이지 header부분 sns버튼 추가 */
.header_center_right .top_snsWrap a{float: left;width: 24px;height: 24px;font-size: 0;padding: 0;box-sizing:border-box;margin-left: 0px;}
.header_center_right .top_snsWrap a span.txt{font-size:0;}
.header_center_right .top_snsWrap{display: inline-block;position: absolute;width: 144px;right: 28px;top: -35px;}
.header_center_right .btn_twitter{background:url(/images/inc/sns_x_23.png) no-repeat center;background-size: cover;}
.header_center_right .btn_facebook{background:url(/images/inc/sns_facebook.png) no-repeat center; background-size: cover; }
.header_center_right .btn_blog{background:url(/images/inc/sns_blog.png) no-repeat center; background-size: cover; }
.header_center_right .btn_kakao{background:url(/images/inc/sns_youtube.png) no-repeat center; background-size: cover; }

.header_center_right .top_cicon_blog,
.header_center_right .top_cicon_facebook,
.header_center_right .top_cicon_twitter,
.header_center_right .top_cicon_instagram,
.header_center_right .top_cicon_kakaoch,
.header_center_right .top_cicon_youtube {width: 24px;height: 24px;background: #fff0 center no-repeat;display: inline-block;vertical-align: middle;padding: 15px;border-radius: 100%;}

.header_center_right .top_cicon_blog {background-image: url(/images/new/sns_blog.png);}
.header_center_right .top_cicon_facebook {background-image: url(/images/new/sns_facebook.png);}
.header_center_right .top_cicon_twitter {background-image: url(/images/new/sns_x_19.png);}
.header_center_right .top_cicon_instagram {background-image: url(/images/new/sns_instagram.png);}
.header_center_right .top_cicon_kakaoch {background-image: url(/images/new/sns_kakaoch.png);}
.header_center_right .top_cicon_youtube {background-image: url(/images/new/sns_youtube2.png);}


@media (max-width: 1070px) {
  .header_center_right .top_snsWrap{right: 85px;top: -22px;}
  .header_center_top {left:80px;}
  .header_mo #gnavi_btn a {margin-top: 45px;}
  .header_mo #search_btn a{margin-top: 45px;}
}

@media (max-width: 767px) {
  .header_center_right .top_snsWrap{right: 5px;top: -26px;width: 82px;}
  .header_center_right .top_cicon_blog,
  .header_center_right .top_cicon_facebook,
  .header_center_right .top_cicon_twitter,
  .header_center_right .top_cicon_instagram,
  .header_center_right .top_cicon_kakaoch,
  .header_center_right .top_cicon_youtube {padding: 0px;border-radius: 0;width: 18px;height: 18px;}
  .header_center_right .top_snsWrap a {width: 15px;height: 20px;margin-right: 6px;}
}

@media (max-width: 420px){
  .header_center_right .top_snsWrap {right: 21px; top: -16px; width: 70px;}
}

.header_top_right li:last-child {
  border: none;
}

.header_top_right li,
.header_top_right li a {
  color: #333;
  background: #fff;
}

.header_top_right>li.header_intro {
  background: none;
}

.header_top_right>li {
  border-left: none;
  border-right: #d9d9d9 solid 1px;
}

.header_top_right {
  border: none;
}
.header_center_right:after {
    content: '';
    clear: both;
    display: block;
}

#wrap #header .header_center .ly_center_mom .header_top_right>li.header_intro.local button {
  padding: 0 14px;
  padding-right: 25px;
  cursor: pointer;
  line-height: 1.5em;
  height: 1.3em;
  font-weight: 600;
  font-size: 15px;
  width: 100%;
}

.header_top_right>li>a,
.header_top_right>li>button {
  line-height: 1.5em;
  height: 1.3em;
  font-weight: 600;
  font-size: 15px;
  color: #333;
}

.header_top_right>li>a:hover {
  color: #3795ff;
}

.header_intro button {
  height: auto;
  background: none;
  color: #333;
  font-size: 15px;
}

.header_top_right .header_home a {
  height: 18px;
  background-image: url(/images/new/home.png);
}

.header_top_right .header_home a:hover {
  background-image: url(/images/new/home_over.png);
}

.header_top_right .header_intro button {
  color: #214f8a;
  position: relative;
}

.header_top_right .header_intro button::after {
  content: '';
  display: block;
  width: 11px;
  height: 8px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -4px;
  background: url(/images/new/main_icon_set.png) no-repeat -85px -95px;
}

.header_top_right .header_intro.active button::after {
  background-position: -118px -95px;
}

.header_intro li {
  border-top: none;
  border-bottom: solid 1px rgba(255, 255, 255, .3);
}

.header_intro ul {
  top: 25px;
}

.header_top_right .header_intro a {
  background: #0d79c2;
  color: #fff;
  transition: all .5s ease-in-out 0s;
}

.header_top_right .header_intro a:hover {
  background-color: #214f8a;
}

@media all and (min-width: 1071px) {
  #gnavi.lay_fixed {
    top: 0;
  }
}

#gnavi {
  background: #0f3561;
  z-index: 3;
}

#gnavi .gnavi>a {
  color: #fff;
  font-weight: 400;
}

#gnavi:not(.active) .gnavi_list {
  text-align: center;
  position: static;
  padding-right: 0;
}

#gnavi:not(.active) .gnavi_list .ly_center {
  border-right: solid 1px #dcdcdc;
  border-left: solid 1px #dcdcdc;
}

#gnavi:not(.active) .gnavi_depth {
  border-bottom: 5px solid #214f8a;
}

#gnavi:not(.active) .gnavi_back .links {
  padding: 0;
}

#gnavi .gnavi {
  width: auto;
  display: inline-block;
  float: none;
  box-sizing: border-box;
}

#gnavi .gnavi>a {
  display: block;
  padding: 0 30px;
  position: relative;
  font-size: 16px;
}

#gnavi:not(.active) .gnavi>a::before {
  content: '/';
  color: rgba(255, 255, 255, .3);
  position: absolute;
  right: -10px;
  top: 12px;
  left: auto;
  bottom: auto;
  margin-top: -14px;
  width: 14px;
  height: 14px;
  border: none;
}
#gnavi .depthWrap{
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  border-left: solid 1px #dcdcdc;
  border-right: solid 1px #dcdcdc;
}
#gnavi .gnavi.active>a {
  color: #fff;
}

#gnavi:not(.active) .gnavi.active>a::before {
  border: none;
}

#gnavi:not(.active) .gnavi:last-child>a::before {
  display: none;
}

#gnavi:not(.active) .gnavi>a::after {
  display: none;
}

#gnavi:not(.active) .gnavi.active>a::after,
#gnavi:not(.active) .gnavi>a.on::after{
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background: #29d2f6;
  position: absolute;
  bottom: 0;
  top: auto;
  border: none;
}

#gnavi:not(.active) .gnavi7>a::before {
  display: none;
}

#gnavi .gnavi8,
#gnavi .gnavi9 {
  display: none;
}

#gnavi .gnavi.allmenu>a {
  background-color: transparent !important;
}

#gnavi:not(.active) .gnavi_depth2 {
  float: none;
  width: 100% !important;
  text-align: left;
  padding: 0;
  margin-top: 0;
  display: flex;
  table-layout: fixed;
  border-bottom: solid 1px #dcdcdc;
  height: auto !important;
}

#gnavi:not(.active) .gnavi_depth2>a {
  background: #f5f5f5;
  border: none;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  flex-basis: 250px;
  font-size: 16px;
}

#gnavi:not(.active) .gnavi_depth2>a:hover {
  color: #3795ff;
}

#gnavi:not(.active) .gnavi_depth2>ul {
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 15px;
  flex-basis: 75%;
}

#gnavi:not(.active) .gnavi_depth2>ul a {
  font-size: 14px;
  color: #777777;
  font-weight: 600;
}

#gnavi:not(.active) .gnavi_depth2>ul a:hover {
  color: #3795ff;
}
#gnavi:not(.active) .gnavi_depth2>ul::after{
  content: '';
  display: block;
  clear: both;
}
#gnavi:not(.active) .gnavi_depth2>ul>li {
  display: block;
  width: 25%;
  float: left;
  position: relative;
  margin:0;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#gnavi:not(.active) .gnavi_depth2>ul>li::before{
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  background: #ccc;
  position: absolute;
  top: .8em;
  left: 10px;
}

#gnavi:not(.active) .gnavi_depth2>ul>li::after {
  display: none;
}

#gnavi:not(.active) .gnavi_depth {
  background: #fff !important;
}

body.fp-viewing-home #gnavi .gnavi.searchBtn {
  display: none;
}

body.fp-viewing-home .lay_gnb_fixed #gnavi .gnavi.searchBtn {
  display: inline-block;
}

#gnavi .gnavi.searchBtn {
  width: 64px;
  transition: right .3s;
  float: right;
  display: none;
}

#gnavi .gnavi.searchBtn>a {
  font-size: 0;
  background: #3795ff url(/images/new/bx-search.svg) center no-repeat;
  display: block;
  height: 58px;
  width: 100%;
  border: 0;
  cursor: pointer;
  transition: background .3s;
}

#gnavi .gnavi.searchBtn.on>a {
  background: #3795ff url(/images/new/bx-x.svg) center no-repeat;
}

#gnavi .gnavi.allmenu {
  position: static;
  float: right;
}

.gnavi_back .links {
  display: none;
}

.gnavi_banner>* {
  text-align: left;
  padding-left: 60px;
  background: #fff;
  border: none;
}

.gnavi_banner>*::after {
  content: '';
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  background-color: #e9f6fe;
  background-image:none;
  position: absolute;
  left: 0px;
  top: 15px;
  z-index: 0;
}

.gnavi_banner>*::before {
  content: '';
  background-image: url(/images/new/main_icon_set.png);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 13px;
  top: 50%;
  margin-top: -15px;
  z-index: 1;
}

.gnavi_banner>*:nth-child(1)::before {
  background-position: 0 -125px;
}

.gnavi_banner>*:nth-child(2)::before {
  background-position: -36px -125px;
}

.gnavi_banner>*:nth-child(3)::before {
  background-position: -72px -125px;
}

.gnavi_banner>*:nth-child(4)::before {
  background-position: -105px -125px;
}

.gnavi_banner>*:nth-child(5)::before {
  background-position: -139px -125px;
}

.gnavi_banner>*:nth-child(6)::before {
  background-position: -177px -125px;
}

.gnavi_banner>*:nth-child(6)::after {
  background-color: #29a6f6;
}

#gnavi_mo_close {
  right: -40px;
  background: rgba(0, 0, 0, .8) url(/images/new/bx-x.svg) no-repeat center center;
}


/* search */

body:not(.fp-viewing-home) .sec_searchbar {
  display: none;
}

#header .sec_searchbar {
  position: absolute;
  z-index: 2;
  width: 100%;
  bottom: -25px;
  /*height: 50px;*/
  /*padding-top: 20px;*/
  /*padding-bottom: 25px;*/
  box-sizing: content-box;
}
#location.lay_fixed{
  top: 60px;/*심볼마크변경*/
}
body:not(.fp-viewing-home) #header .sec_searchbar {
  padding-top: 10px;
  padding-bottom: 20px;
  top: 153px;
}

#header .header_banner li {
  display: inline-block;
}

#header .sec_searchbar .ly_center_mom {
  text-align:center;
  position: relative;
  margin: 0 auto;
  /* position: static; */
}

#header .sec_searchbar .ly_pos_right {
  position: absolute;
  right: 0;
}

#header .all_search::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 12px;
  background: #a2a2a2;
  top: 50%;
  margin-top: -6px;
  left: 140px;
  display: none;
}

#header .all_search {
  border-radius: 30px;
  background: #fff;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
  border: none;
  overflow: hidden;
}

#header .all_search .all_search_default .all_search_type,
#header .all_search .all_search_default .all_search_text,
#header .all_search .all_search_default .all_search_btn {
  float: left;
  height: 52px;
  line-height: 52px;
}

#header .all_search .all_search_default .all_search_type {
  width: 130px;
  box-sizing: border-box;
  line-height: 0;
  overflow: hidden;
  background: url(/images/new/select_box2.png) right 10px center no-repeat;
}

#header .all_search .all_search_default .all_search_type select {
  height: 52px;
  border: 0;
  background: transparent;
  padding: 0 10px;
  width: calc(100% + 50%);
  color: #777777;
}

#header .all_search .all_search_default .all_search_text {
	/* 음성인식 때 수정 */
  width: calc(100% - 192px);
  box-sizing: border-box;
  padding: 0 15px;
  margin-left: 10px;
  font-size: 18px;
}

#header #searchHeader .voice_search{
    background: url(/images/new/mic_color.png) center no-repeat;
    display: block;
    border: 0;
    margin-top: 5px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 100%;
    cursor: pointer;
    color: transparent;
    font-size: 0;
    position: absolute;
    transition: all .5s ease-in-out 0s;
    float: left;
    right:115px;
}

#header #searchHeader .all_search_btn {
  background: #3795ff url(/images/new/bx-search.svg) center no-repeat;
  display: block;
  border: 0;
  margin-top: 5px;
  width: 42px;
  height: 42px;
  line-height: 42px;
  border-radius: 100%;
  cursor: pointer;
  color: transparent;
  font-size: 0;
  position: relative;
  right: -5px;
  transition: all .5s ease-in-out 0s;
}

#header .all_search_btn:hover {
  background-color: #1274e2;
}

#wrap #header #all_search_guide {
  width: 670px;
  position: relative;
  display: inline-block;
  padding-right: 65px;
  margin-right: 15px;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  background: rgba(33,79,138,.2);
  border-radius: 50px;
  border: solid 1px #adbacc;
}

.gnb_center_right {
  display: inline-block;
  vertical-align: middle;
}

.lay_gnb_fixed .sec_searchbar {
  display: none;
}

.serach_btn_extend_open {
  right: 10px !important;
  border-radius: 100%;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  /*background: linear-gradient(to bottom,  #2b5876 0%, #4e4376 100%) url(/images/new/bx-cog.svg) no-repeat 50% 50%; */
  font-size: 0;
  /*
  background: url(/images/new/bxs-cog.svg) no-repeat 50% 50%;
  background-size: 35px;
  */
  background: #3663b9 url(/images/new/bx-cog.svg) no-repeat 50% 50% !important;
  transition: background .5s ease-in-out 0s;
  margin-top: 10px;
  top: 0 !important;
  height: 48px !important;
  width: 48px !important;
  border:none !important;
}
.serach_btn_extend_open:hover{
  /*background-color: #16ab89;*/
}

.lay_gnb_fixed #header .sec_searchbar.active {
  /*z-index: 3;*/
}

#header .sec_searchbar.active {
  display: block;
}

#header .sec_searchbar.active.zidx {
  z-index: 5;
}

.lay_gnb_fixed #header .sec_searchbar.active.sub_search {
  /* position: fixed; */
  width: 100%;
  top: 60px;
  left: 0;
  height: 65px;
  padding-top: 10px;
  /*padding-bottom: 20px;*/
}
.fp-viewing-home .lay_gnb_fixed #header .sec_searchbar.active.sub_search{
    height: 85px;
}
.lay_gnb_fixed #header .sec_searchbar.active.sub_search #all_search_guide{
  border:none !important;
  /*background: none !important;*/
}
#header .sec_searchbar.active.sub_search .gnb_center_right {
  display: none;
}

#header .sec_searchbar.active.sub_search {
  /*background:#0d2c53;*/
    /*background: #283c86; */ /*20210820 주석, pc만 모바일은 적용. */
  /*Old browsers */
    /*background: -moz-linear-gradient(left, #283c86 0%, #45a247 100%);*/ /*20210820 주석, pc만 모바일은 적용.*/
  /*FF3.6-15 */
    /*background: -webkit-linear-gradient(left, #2c3e50 0%, #3498db 100%);*/ /*20210820 주석, pc만 모바일은 적용. */
  /*Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to right, #7F7FD5 0%, #91EAE4 100%);*/ /*20210820 주석, pc만 모바일은 적용.*/
  /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  bottom: -95px;
    /* box-shadow: 5px 5px 5px rgba(0, 0, 0, .3); */ /*20210820 주석, pc만 모바일은 적용.*/
  /* 20210820 추가 position, border-bottom */
  position: relative;
  top:0;
  background:#fff;
  border-bottom: 1px solid #eaeaea;
}

#header .sec_searchbar.active.sub_search .ly_pos_right {
  position: relative;
}

#header .all_search_extend .ly_center_mom {
  max-width: 800px;
  border: solid 1px #dcdcdc;
  padding: 20px;
  text-align: left;
  border-top-width: 3px;
  border-top-color: #666;
}

.all_search_extend>strong {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.05em;
}
.all_search_inputs_box{
  display: flex;
  flex-wrap: wrap;
}
.all_search_inputs_box label,
.all_search_tit {
  font-size: inherit;
}
.all_search_inputs_box label{
 width:33.333%;
  padding:5px
}
.all_search_inputs_box1 .all_search_tit {
  background: url(/images/new/bx-select-multiple.svg) no-repeat;
  padding-left: 30px;
  font-size: 1.5em;
  margin-bottom: 20px;
}

.ds_select_box {
  padding-right: 0;
  border-right: solid 1px #dcdcdc !important;
}

.ds_select_box select {
  /*width: 100%;*/
}

#header .all_search_extend,
#searchForm .all_search_extend {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .95);
  left: 0;
  top: 0;
  color: #333;
  padding-top: 80px;
  font-size: 16px;
  overflow-y: auto;
}

.all_search_inputs_box2 {
  margin-top: 40px;
  display: flex;
  flex-flow: row wrap;
}

.all_search_inputs_box2 .field {
  width: 50%;
  padding: 5px;
}

.all_search_inputs_box2 .ds_select_box {
  height: auto;
}

.all_search_inputs_box2 input,
.all_search_inputs_box2 select {
  border: solid 1px #dcdcdc;
  height: 40px;
  line-height: 40px;
}

.search_btn_exsave {
  width: 100%;
}

.all_search_tit {
  font-weight: 700;
}

.header_mo #search_btn a {
  background: url(/images/new/bx-search-alt-2.svg) no-repeat center center;
  background-size: 100%;
}

.header_mo #search_btn.on a {
  background-image: url(/images/new/bx-x-black.svg);
}

.header_mo #gnavi_btn a {
  background: url(/images/new/bx-menu.svg) no-repeat center center;
  background-size: 100%;
}

.all_search_extend .search_btn_close span {
  font-size: 0;
  position: relative;
  width: 100%;
  height: 100%;
}

.all_search_extend .search_btn_close::before,
.all_search_extend .search_btn_close::after {
  content: '';
  background: #777;
  width: 1px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: rotate(0deg);
  transition: all 1s ease-out;
}

.all_search_extend .search_btn_close {
  position: absolute;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
}

.all_search_extend.active .search_btn_close {
  right: 10px;
  background: transparent
}

.all_search_extend.active .search_btn_close span {
  font-size: 0;
  position: relative;
  width: 100%;
  height: 100%;
}

.all_search_extend.active .search_btn_close::before {
  transform: rotate(135deg);
  transition: all 1s ease-out;
}

.all_search_extend.active .search_btn_close::after {
  transform: rotate(-135deg);
  transition: all 1s ease-out;
}

/* copyright_level */
.copyright_level_wrap{
    border: 1px solid #dcdcdc;
    background: #f5f5f5;
    padding: 10px 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
#copyright_level{
  display: flex;
  justify-content: center;
  align-items: center;
}
.copyright_level_wrap .txt{
    width: 100%;
    margin-left: 10px;
/*    font-size: 700;*/
}
@media (max-width: 1070px) {
  .header_center .ly_center_mom {
    padding-bottom: 0px;
  }
  .header_center {
    padding: 20px 0;
  }
  .header_top_right {
    display: none;
  }
  #gnavi .gnavi {
    display: block;
  }
  #header .sec_searchbar {
    display: none;
  }
  #header .sec_searchbar.active.sub_search {
    display: block;
    position: relative;
    top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  /* 20210820 모바일 적용  */
    background: #283c86;  /*20210820 주석, pc만 모바일은 적용. */
  /*Old browsers */
    background: -moz-linear-gradient(left, #283c86 0%, #45a247 100%); /*20210820 주석, pc만 모바일은 적용.*/
  /*FF3.6-15 */
    background: -webkit-linear-gradient(left, #2c3e50 0%, #3498db 100%); /*20210820 주석, pc만 모바일은 적용. */
  /*Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #7F7FD5 0%, #91EAE4 100%); /*20210820 주석, pc만 모바일은 적용*/
  /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  bottom: -95px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .3); /*20210820 주석, pc만 모바일은 적용.*/
  /* 20210820 position, border-bottom 주석, pc만 모바일은 적용 */
    position: relative;
    border-bottom: none;
  }
  #wrap #all_search_guide .serach_btn_extend_open {
    border: none;
    height: 48px;
    right: 10px;
    background: #3663b9 url(/images/new/bx-cog.svg) no-repeat 50% 50%;
    top: 0;
    margin-top: 2px;
  }
  .header_center {
    z-index: 4;
  }
  #header .sec_searchbar {
    z-index: 10;
  }
  #wrap #all_search_guide {
    background: none;
    padding: 0;
    z-index: 100;
    right: auto;
    margin-left: auto;
    top: auto;
  }
  .lay_gnb_fixed #header .sec_searchbar.active.sub_search {
    position: relative;
    top: 0;
  }
  #wrap #all_search_guide .all_search_default {
    background: none;
  }
  body.fp-viewing-home .lay_gnb_fixed #gnavi .gnavi.searchBtn {
    display: none;
  }
  #gnavi {
    overflow: visible;
    left: -100%;
  }
  #gnavi .gnavi_back {
    overflow-y: auto;
    height: 100%;
  }
  .gnavi_back .links {
    padding: 0;
    position: relative;
    display: block;
  }
  .gnavi_back .links>a {
    width: 50%;
    border-radius: 0;
    padding: 1.2em 0;
    height: auto;
    line-height: 1;
    text-align: center;
    display: block;
    float: left;
    box-sizing: border-box;
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
  }
  .gnavi_back .links::after {
    content: '';
    clear: both;
    display: block;
  }
  .gnavi_back .links .regionSelect {
    display: none;
    width: 50%;
    float: right;
    position: absolute;
    background: #2196f3;
    color: #fff;
    right: 0;
    top: 51px;
    z-index: 1;
    border-top: solid 3px #082b51;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
  }
  .gnavi_back .links .regionSelect li {
    padding: .5em;
    border-bottom: solid 1px rgba(8, 43, 81, .5);
  }
  .gnavi_back .links .regionSelect li a {
    display: block;
    text-align: center;
    color: #fff;
  }
  .gnavi_back .links .gnavi_mo_lang {
    background: #082b51;
  }
  .gnavi_back .links .gnavi_mo_region {
    background-color: #2196f3;
    position: relative;
  }
  .gnavi_back .links .gnavi_mo_region::after {
    content: '';
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    background: url(/images/new/bxs-down-arrow.svg) no-repeat;
    background-size: 12px;
    display: block;
  }
  .gnavi_back .links .gnavi_mo_region.on::after {
    background-image: url(/images/new/bxs-up-arrow.svg);
  }
  #wrap #header #all_search_guide{
    background: none;
    border:none;
    height: 50px;
    padding-top: 0;
  }
  #header .all_search::after{
    margin-top: -10px;
  }

}

@media (max-width: 767px) {
  .header_center {
    padding: 9px 0;
  }
  .gnb_center_right {
    display: none;
  }
  .all_search_inputs_box2 .field {
    width: 100%;
  }
  .all_search_inputs_box {
    display: flex;
    flex-flow: row wrap;
  }
  .all_search_inputs_box label {
    width: 50%;
  }
  #header .all_search .all_search_default .all_search_type,
  #header .all_search .all_search_default .all_search_text,
  #header .all_search .all_search_default .all_search_btn {
    height: auto;
  }
  #wrap.lay_gnb_fixed #all_search_guide {
    padding: 0;
  }
  #header .all_search .all_search_default .all_search_text {
    font-size: 14px;
  }
  #header .all_search {
    border-radius: 0;
    height: 35px;
  }
  #header .all_search .all_search_default .all_search_text,
  #header .all_search .all_search_default .all_search_type select {
    line-height: 35px;
    height: 35px;
  }
  #header #searchHeader .all_search_btn,
  #wrap #all_search_guide .serach_btn_extend_open {
    border-radius: 0;
    width: 35px !important;
    height: 35px !important;
    line-height: 35px;
    right: -20px !important;
    margin: 0;

  }
  #wrap #all_search_guide .serach_btn_extend_open {
    right: 0 !important;
    top: 0 !important;
  }
  #wrap #header #all_search_guide {
    padding-right: 40px;
     width: 85%;
  }

  #header .sec_searchbar.active.sub_search {
    padding-top: 10px;
    padding-bottom: 0;
    height: 50px !important;
  }
  #header .all_search .all_search_default .all_search_type{
    width: 100px;
  }
  #header .all_search .all_search_default .all_search_text{
    /* 음성인식때 수정*/
    width: calc(100% - 165px);
  }
  #header .all_search::after{
    left: 110px !important;
    margin-top: -19px;
  }
/*  .gnavi_back .links .regionSelect {
    bottom: -188px;
  }*/

  /* 음성검색아이콘 추가 */
  #header #searchHeader .voice_search{
    right: 80px;
    width: 35px;
    height: 35px;
    border-radius: 0;
    margin-top: 0;
  }
}

@media (max-width: 430px) {
  .all_search_inputs_box label {
    width: 100%;
  }
  .all_search_inputs_box2 {
    margin-top: 20px;
  }
}
.header_center_left a:focus img{ border:3px solid #333;}
.header_center_left a img{ position: absolute; left: 300px; top: -10px;}

@media (max-width: 1300px){
  #header .sec_searchbar .ly_pos_right {right: -30px;}

}
@media (max-width: 1024px) {
    .header_center_left a img{ left:80px; top:-21px; width:160px; transition:all 0.3s;}
}

@media (max-width: 1070px) {
    .header_center_left a img{ left:85px;}
}

@media (max-width: 768px) {
    .header_center_left a img{ left:80px; top:-18px; width:123px; transition:all 0.3s;}
   .header_center_top { left: 0px;}
}

@media (max-width: 580px) {
    .header_center_left a img{ left:40px; top:-18px; width:80px; transition:all 0.3s;}
}
@media (max-width: 414px) {
    .header_center_left a img{ left:35px; top:-20px; width:80px; transition:all 0.3s;}
}
@media (max-width: 380px) {
    .header_center_left a img{ left:25px; top:-19px; width:75px; transition:all 0.3s;}
}



/* 하단 sns 버튼 */
.ly_center_mom .snsWrap.sns_scroll{
    position: fixed;
    bottom: 109px;
    left: 50%;
    z-index: 10;
    border: solid 1px #c6d6e4;
    box-shadow: 0 0 7px rgb(120 120 120 / 10%);
    background: rgba(255,255,255,.5);
    padding: 10px;
    border-radius: 25px;
    display: block;
    margin-left: 670px;
}
.ly_center_mom .snsWrap.sns_scroll a{display:block;padding: 5px 0;}
.ly_center_mom .snsWrap.sns_scroll a span.txt{text-indent: -99999px;}

/*특수문자안내 */
.guide_special_char{text-align: right;color: #f00;font-weight: 600;margin-bottom: 10px;}
.guide_special_char br{display:none;}
.guide_special_char .guide_num {border-bottom: solid 1px #f10505;}

/*개인정보위험대응공모전 */
.privacy_contest{width:40%;}

.contents_img{width:70%;border: solid 1px #000;margin: 10px;}
.contents_img01{width:40%;border: solid 1px #000;margin: 10px;}

@media (max-width: 1280px){
  .ly_center_mom .snsWrap.sns_scroll{display:none;}
  #header .sec_searchbar .ly_pos_right {right: 0;}
  .privacy_contest{width:100%;}

	.contents_img{width:97%;margin: 5px;}
  .contents_img01{width:97%;margin: 5px;}
}

.totaCounselHide {display: none !important;}
.writeUserHide {display: none !important;}

@media (max-width: 1070px){
   #location.lay_fixed{top:90px;}
}

@media (max-width: 767px){
   #location.lay_fixed{top:90px;}
    .banner_law{width:85%;}
}

@media (max-width: 767px){
 .guide_special_char{text-align: left;}
 .guide_special_char br{display:block;}
}