@charset "UTF-8";
/* 레이아웃 공통 */
html,
body {
  position: relative;
  height: 100%;
}
html.freeze,
html.freeze body {
  overflow-x: hidden;
  overflow-y: hidden;
}
.text_overflow{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#wrapper {
  position: relative;
  width: 100%;
}
#wrapper.dimmed #header,
#wrapper.dimmed #footer {
  z-index: auto;
}

.wrap {
  position: relative;
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 800px) {
  #wrapper {
    min-width: 0;
  }
  .wrap {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}

.point_bg {
  background-color: #ffffff;
}
/* 본문바로가기 */
#header .accessibility {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
}
#header .accessibility a {
  display: block;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  width: 100%;
  height: 2px;
  text-align: center;
}
#header .accessibility a:focus,
#header .accessibility a:active {
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #000000;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: inherit;
}

/* 상단 */
#header {
  position: relative;
  z-index: 100;
  width: 100%;
  float: left;
  height: 190px;
  padding-bottom: 75px;
  background-color: #ffffff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#header.hd-pc.fixpc {
  position: fixed;
  top: -130px;
  right: 0;
}
/* 상단 퀵메뉴 및 SNS 언어 영억 gnb*/
#header .gnb {
  position: relative;
  z-index: 200;
  background-color: #434343;
}
#header.hd-pc.fixpc .gnb {
  display: none;
}
/*html.header_sticky #header .gnb {
  display: none;
}*/
#header .gnb .wrap {
  overflow: visible;
  height: 50px;
}
#header .gnb .gnb_right {
  float: right;
}
#header .gnb .gnb_left {
  float: left;
  overflow: hidden;
  position: relative;
  padding: 8px 0 0;
  height: 100%;
}
#header .gnb > ul.clearfix > li,
#header .gnb .wrap > ul.clearfix > li,
#header .gnb .gnb_left > ul.clearfix > li,
#header .gnb .gnb_right > ul.clearfix > li {
  float: left;
}
#header .gnb ul.clearfix li a,
#header .gnb ul.clearfix li span {
  vertical-align: middle;
}
#header .gnb ul.clearfix li a,
#header .gnb ul.clearfix li span,
#header .gnb ul.clearfix li button {
  display: inline-block;
}
/*상단 퀵메뉴(왼쪽)*/
#header .gnb .gnb_left ul.clearfix {
  float: left;
  height: 100%;
}
#header .gnb .gnb_left ul.clearfix li {
  position: relative;
  height: 100%;
  margin: 0 0 0 7px;
}
#header .gnb .gnb_left ul .btn_gnb_left {
  display:none;
}
#header .gnb .gnb_left ul.clearfix li:first-of-type {
  margin: 0;
}
#header .gnb .gnb_left ul.clearfix li a {
  text-align: center;
  padding: 7px 30px 7px 41px;
  color: #ffffff;
  font-size: 15px;
  line-height: 19px;
  background: #363636;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background-image: url("/user_res/images/common/hd_top_icon.png");
  background-repeat: no-repeat;
  background-position: 16% 50%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
#header .gnb .gnb_left ul.clearfix li+li a {
  background-image: url("/user_res/images/common/hd_top_icon.png");
}
#header .gnb .gnb_left ul.clearfix li+li+li a {
  background-image: url("/user_res/images/common/hd_top_icon_03.png");
}
#header .gnb .gnb_left ul.clearfix li+li+li+li a {
  background-image: url("/user_res/images/common/hd_top_icon_02.png");
}
#header .gnb .gnb_left ul.clearfix li+li+li+li+li a {
  background-image: url("/user_res/images/common/hd_top_icon_04.png");
}
#header .gnb .gnb_left ul.clearfix li+li+li+li+li+li a {
  background-image: url("/user_res/images/common/hd_top_icon_05.png");
}
#header .gnb .gnb_left ul.clearfix li.culture {
  display: none;
}
#header .gnb .gnb_left ul.clearfix li.culture a {
 background-image: url("/user_res/images/common/hd_top_icon_06.png");
}
#header .gnb .gnb_left ul.clearfix li.current a,
#header .gnb .gnb_left ul.clearfix li:hover a {
  color: #2e4974;
  position: relative;
  background-color: #ffffff;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
#header .gnb .gnb_left ul.clearfix li.current a:after,
#header .gnb .gnb_left ul.clearfix li:hover a:after {
  position: absolute;
  bottom: -7px;
  left: 45%;
  left: calc(50% - 15px);
  content: " ";
  height: 0;
  z-index: -1;
  border-bottom: 15px solid;
  border-left: 15px solid rgba(0, 0, 0, 0);
  border-right: 15px solid rgba(0, 0, 0, 0);
  color: #ffffff;   
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
}

/*SNS 및 언어 영억 */
#header .gnb .gnb_right {
  height: 100%;
  padding: 4px 0 0;
}
.area_zoom_btn {
  float: left;
  margin: 9px 10px 0 0;
}
.area_zoom_btn > i {
  font-size: 0.8rem;
  letter-spacing: -1px;
  color: #ffffff;
  vertical-align: middle;
  height: 25px;
  border-top: 1px solid;   
  float: left;
  border-bottom: 1px solid;
  padding: 0 9px;
  line-height: 22px;
}
.area_zoom_btn .zoom {
  float: left;
  width: 22px;
  height: 25px;
  border: 1px solid;
  color: #ffffff;
  text-indent: -9999px;
  background: url("/user_res/images/common/btn_zoomin.png") no-repeat 50% 50%;
}
.area_zoom_btn .zoom.zoomout {
  background: url("/user_res/images/common/btn_zoomout.png") no-repeat 50% 50%;
}
.area_zoom_btn .zoom:hover {
  color: #4e92c3;
  background: url("/user_res/images/common/btn_zoomin_active.png") no-repeat 50% 50%;
}
.area_zoom_btn .zoomout:hover {
  background: url("/user_res/images/common/btn_zoomout_active.png") no-repeat 50% 50%;
}
#header .gnb .gnb_right > ul.clearfix {
  height: 100%;
  display: inline-block;
}
#header .gnb .gnb_right > ul.clearfix > li {
  position: relative;
}
#header .gnb .gnb_right > ul.clearfix > li > a {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 8px 10px;
  color: #ffffff;
}

#header .gnb .gnb_right > ul.clearfix > li:hover > a {
  background: #347fbb;
}
#header .gnb .gnb_right > ul.clearfix > li > button {
  color: #ffffff;
  padding: 9px 34px;
  height: 100%;
  border-bottom: 1px solid #777;
}
#header .gnb .gnb_right > ul.clearfix > li.language {
  float: right;
}
#header .gnb .gnb_right > ul.clearfix > li.language button.open {
  padding: 9px 44px 9px 20px;
  background: url("/user_res/images/common/gnbLeft_languageOpen_off.png") no-repeat 90% center;
}
#header .gnb .gnb_right > ul.clearfix > li.language.active button.open {
  background-image: url("/user_res/images/common/gnbLeft_languageOpen_on.png");
}
#header .gnb .gnb_right > ul.clearfix > li.language .target {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #1a2a42;
}
#header .gnb .gnb_right > ul.clearfix > li.language .target ul {
  padding: 15px 20px;
}
#header .gnb .gnb_right > ul.clearfix > li.language .target ul li {
  margin-top: 10px;
}
#header .gnb .gnb_right > ul.clearfix > li.language .target ul li:first-child {
  margin-top: 0;
}
#header .gnb .gnb_right > ul.clearfix > li.language .target ul li a {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: transparent;
  color: #717984;
  font-size: 15px;
  line-height: 16px;
  transition-property: border-bottom-color, color;
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out;
}
#header .gnb .gnb_right > ul.clearfix > li.language .target ul li a:hover {
  border-bottom-color: #ffffff;
  color: #ffffff;
  text-decoration: none;
}

/* 상단 로고 검색 날씨 영역 */
.area_hd_main {
  padding: 15px 0 0;
}
#header .logo a {
  display: inline-block;
  float: left;
}
#header .logo a:hover {
  text-decoration: none;
}
#header .logo a img {
  display: inline-block;
  vertical-align: middle;
}
.hd_search {
  float: left;
  margin: 3px 0 0 11.25%;
  width: 35.25%;
  background: url("/user_res/images/common/hd_search.png") no-repeat 0 0;
  height: 45px;
}
.hd_search .hd_search_input {
  border: none;
  height: 100%;
  padding: 1% 4%;
  background: none;
  margin: 0;
  width: 87%;
  width: calc(88% - 4px);
}
.hd_search .btn_search {
  width: 12%;
  height: 39px;
  margin: 3px 3px 0 0;
  background: rgba(231, 231, 231, 0.45) url(/user_res/images/common/hd_search_btn.png) no-repeat 50% 50%;
  text-indent: -9999px;
}
.weather {
  margin: 0;
}
.weather .temperature {
  font-size: 0.9rem;
}
.weather .weather_icon {
  margin: 2px 5px 0;
}
.weather .temperature > em {
  font-size: 1.5rem;
  line-height: 1.2rem;
  letter-spacing: -1px;
  font-weight: 600;
  width: 50px;
  display: inline-block;
}
.weather .temperature > em > small {
  display: block;
  font-size: 0.8rem;
  font-weight: 400;
  width: 100%;
  float: right;
}
.weather .air {
  background: #f7f7f7;
  padding: 3px 6px;
  font-size: 0.76rem;
  letter-spacing: -1px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: #333333;
  margin: 10px 20px 0 20px;
}
.weather .air strong {
  text-indent: -9999px;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #51bfb8;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  line-height: 12px;
  margin: 0 3px; 
}
.weather .air strong.good {
  background: #32a1ff;
}
.weather .air strong.bad {
  background: #fd934c;
}
.weather .air strong.sobad {
  background:#ff7070;
}
#header.menu_active::after {
  width: 100%;
  height: 1px;
  content: "";
  background: #b8b8b8;
  display: block;
  position: absolute;
  top: 189px;
  left: 0;
  z-index:100;
}
/* lnb */
.btn_mo_menu {
  display: none;
}
#header .lnb {
  position: absolute;
  top: 185px;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 60px;
  margin-top: -56px;
  border-top: 1px solid #b8b8b8;
  background-color: #fff;
  transition-property: padding-bottom;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
#header.menu_active .lnb {
  border-bottom: 1px solid #b8b8b8;
}
#header .lnb .lnb_wrap {
  height: 100%;
  border-bottom: 1px solid #b8b8b8;
  height: 60px;
}
#header .lnb .lnb_wrap .wrap {
  overflow: hidden;
  height: 100%;
  transition: padding-bottom 0.5s cubic-bezier(1, 0, 0, 1);
}
/*
#header.menu_active .lnb.state1,
#header.menu_active .lnb.state1 .lnb_wrap .wrap {
  padding-bottom: 822px;
}
#header.menu_active .lnb.state2,
#header.menu_active .lnb.state2 .lnb_wrap .wrap {
  padding-bottom: 610px;
}
#header.menu_active .lnb.state3,
#header.menu_active .lnb.state3 .lnb_wrap .wrap {
  padding-bottom: 635px;
}
#header.menu_active .lnb.state4,
#header.menu_active .lnb.state4 .lnb_wrap .wrap {
  padding-bottom: 227px;
}
#header.menu_active .lnb.state5,
#header.menu_active .lnb.state5 .lnb_wrap .wrap {
  padding-bottom: 0;
}
#header.menu_active .lnb.state6,
#header.menu_active .lnb.state6 .lnb_wrap .wrap {
  padding-bottom: 0;
}
#header.menu_active .lnb.state7,
#header.menu_active .lnb.state7 .lnb_wrap .wrap {
  padding-bottom: 443px;
}
*/
#header .lnb .lnb_wrap .depth1_menu {
  line-height: 0;
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list {
  float: left;
  margin-left: 50px;
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth1_anchor {
  display: block;
  position: relative;
  padding-top: 17px;
  height: 60px;
  padding-right: 15px;
  padding-bottom: 21px;
  padding-left: 15px;
  border-bottom-width: 4px;
  border-bottom-color: transparent;
  border-bottom-style: solid;
  color: #000000;
  font-weight: 600;
  font-size: 22px;
  line-height: 21px;
  transition-property: paddding-bottom, border-bottom-color, color;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth1_anchor[target='_blank'] {
  background: url(/user_res/images/common/hd_menu_blank.png) no-repeat 102% 50%;
  padding-right: 25px !important;
}
#header .lnb.white .lnb_wrap .depth1_menu .depth1_list .depth1_anchor[target='_blank'] {
  background: url(/user_res/images/common/hd_menu_blank_wh.png) no-repeat 102% 50%;
  padding-right: 25px !important;
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth1_anchor {
  border-bottom-color: #0e5ebe;
  color: #0e5ebe;
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth1_anchor:hover {
  text-decoration: none;
}

#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 61px;
  left: 0;
  width: 18%;
  height: 100%;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: left 139px;
  transition-property: visibility, opacity;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth2_title {
  visibility: visible;
  opacity: 1;
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title span {
  display: inline-block;
  padding-top: 51px;
  color: #0e5ebe;
  font-size: 25px;
  line-height: 31px;
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title p {
  margin-top: 25px;
  color: #333333;
  font-size: 17px;
  line-height: 18px;
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 61px;
  left: 19%;
  width: 82%;
  margin-top: 35px;
  padding-top: 10px;
  background: url("/user_res/images/common/lnb_depth2Menu_repeatLine.png") repeat-y left top;
  transition-property: visibility, opacity;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth2_menu {
  visibility: visible;
  opacity: 1;
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list {
  float: left;
  width: 20%;
  padding-left: 2%;
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .cut {
  float: left;
  width: 100%;
  height: 0;
  margin-top: 25px;
  font-size: 0;
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth2_anchor {
  display: block;
  background-repeat: no-repeat;
  background-position: right top;
  color: #000000;
  font-size: 17px;
  line-height: 18px;
  font-weight: 600;
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth2_anchor[target='_blank'] {
  display: inline-block;
  padding-right: 25px;
  background-image: url("/user_res/images/common/lnb_depth2AnchorBlankIcon_off.png");
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu {
  margin-top: 20px;
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list {
  margin-top: 10px;
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list:first-child {
  margin-top: 0;
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor {
  display: block;
  background-repeat: no-repeat;
  background-position: right top;
  color: #2b2b2b;
  font-size: 14px;
  line-height: 15px;
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.active .depth3_anchor {
  color: #2761c5;
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor[target='_blank'] {
  display: inline-block;
  padding-right: 22px;
  background-image: url("/user_res/images/common/lnb_depth3AnchorBlankIcon_off.png");
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.active .depth3_anchor[target='_blank'] {
  background-image: url("/user_res/images/common/lnb_depth3AnchorBlankIcon_on.png");
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu {
  display: none;
}
/*분야별 정보*/
#header .lnb.main_menu .lnb_wrap .depth1_menu .depth1_list .has_icons.depth2_menu {
  left: 5%;
  width: 90%;
  background: none;
}
#header .lnb.main_menu .lnb_wrap .depth1_menu .depth1_list .has_icons.depth2_menu .depth2_list {
  width: 16.66%;
  text-align: center;
}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu.has_icons .cut {
 display: none;
}
#header .lnb.main_menu .lnb_wrap .depth1_menu .depth1_list .has_icons.depth2_menu li a .menu_icon {
  display: block;
  margin: 5px auto;
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url("/user_res/images/common/icons_hd_part.png");
  background-color: #f18e00;
  background-position: 17px 50%;
}
#header .lnb.main_menu .lnb_wrap .depth1_menu .depth1_list .has_icons.depth2_menu li+li a .menu_icon {
  background-position: -65px 50%;
}
#header .lnb.main_menu .lnb_wrap .depth1_menu .depth1_list .has_icons.depth2_menu li+li+li a .menu_icon {
  background-position: -142px 50%;
}
#header .lnb.main_menu .lnb_wrap .depth1_menu .depth1_list .has_icons.depth2_menu li+li+li+li a .menu_icon {
  background-position: -220px 50%;
}
#header .lnb.main_menu .lnb_wrap .depth1_menu .depth1_list .has_icons.depth2_menu li+li+li+li+li a .menu_icon {
  background-position: -297px 50%;
}
#header .lnb.main_menu .lnb_wrap .depth1_menu .depth1_list .has_icons.depth2_menu li+li+li+li+li+li a .menu_icon {
  background-position: -366px 50%;
}
#header .lnb.main_menu .lnb_wrap .depth1_menu .depth1_list .has_icons.depth2_menu li:hover a .menu_icon {
 background-color: #ef4323;
} 

/* 하단 */
#footer {
  position: relative;
  width: 100%;
  float: left;
  background-color: #333333;
  padding: 1.5% 0;
}
#footer .footer_nav .footer_nav_left {
  float: left;
}
#footer .footer_nav .footer_nav_right {
  float: right;
}
#footer .footer_nav ul li {
  float: left;
}
#footer .footer_nav ul li a {
  display: inline-block;
  vertical-align: middle;
}
#footer .footer_info address mark {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
#footer .footer_top {
  margin-bottom: 35px;
  float: left;
  width: 100%;
}
#footer .footer_top .btn_ft_link {
  width: 25%;
  float: left;
  position: relative;
  border: 1px solid #868686;
  color: rgba(255, 255, 255, 0.77);
  padding: 1% 2%;
  text-align: left;
  border-left: 0;
  background-image: url("/user_res/images/common/icon_arrow_up.png");
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
#footer .footer_top .btn_ft_link.on {
  background-image: url("/user_res/images/common/icon_arrow_down.png");
}
#footer .footer_top .btn_ft_link:first-child {
  border-left: 1px solid #868686;
}
#footer .footer_top .area_ft_link {
  width: 25%;
  position: absolute;
  background: #ffffff;
  border: 1px solid #cccccc;
  padding: 2%;
  height: 280px;
  top: -280px;
  border-bottom: 0;
  display: none;
  z-index: 20;
}
#footer .footer_top .area_ft_link > ul {
  margin: 10px 0 0;
}
#footer .footer_top .depart_ft_link {
  left: 0;
}
#footer .footer_top .auto_ft_link {
  left: 25%;
}
#footer .footer_top .busan_auto_ft_link {
  left: 50%;
}
#footer .footer_top .related_ft_link {
  left: 75%;
}
#footer .footer_top .area_ft_link li {
  float: left;
  width: 50%;
}
#footer .footer_top .area_ft_link li a {
  font-size: 0.9rem;
  letter-spacing: -0.5px;
}
#footer .footer_top  .btn_ft_link_close{
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: #0061ae url("/user_res/images/common/search_close_icon_w.png") no-repeat 50% 50%;
  background-size: 15px;
}
#footer .go_top {
  text-align: center;
  margin: 2% 0 0;
}
#footer .go_top a {
  background: url("/user_res/images/common/top_icon.png") no-repeat 50% 50%;
  text-indent: -9999px;
  width: 62px;
  height: 53px;
  display: inline-block;
}
#footer .go_top a:hover {
  -webkit-animation: icon_moving 0.5s infinite alternate ease-in-out;
  -o-animation: icon_moving 0.5s infinite alternate ease-in-out;
  animation: icon_moving 0.5s infinite alternate ease-in-out;
}
#footer .footer_bottom .wrap {
  padding-bottom: 50px;
  text-align: center;
}
#footer .footer_bottom .footer_logo {
  position: absolute;
  top: 0;
  left: 0;
}
#footer .footer_bottom .footer_nav {
  margin-bottom: 25px;
  padding-left: 0;
  float: left;
  width: 100%;
  text-align: center;
}
#footer .footer_bottom .footer_nav ul {
  display: inline-block;
}
#footer .footer_bottom .footer_nav ul li {
  margin-left: 15px;
  padding-left: 15px;
  background: url("/user_res/images/common/footer_navList_line.png") no-repeat left 5px;
}
#footer .footer_bottom .footer_nav ul li:first-child {
  margin-left: 0;
  padding-left: 0;
  background-image: none;
}
#footer .footer_bottom .footer_nav ul li a {
  color: #fff;
  font-size: 15px;
  line-height: 16px;
}
#footer .footer_bottom .footer_info {
  text-align: center;
  letter-spacing: -1px;
}
#footer .footer_bottom .footer_info address {
  font-size: 0.95rem;
  color: #d7d7d7;
}
#footer .footer_bottom .footer_info address mark {
  margin-left: 15px;
  color: #d7d7d7;
}
#footer .footer_bottom .footer_info p {
  font-size: 0.95rem;
  color: #d7d7d7;
}

@keyframes icon_moving {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(5px);
  }
}

/*미디어쿼리*/
@media screen and (max-width: 1250px) {
  /*header*/
  .wrap {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
  }
  #header .lnb .lnb_wrap .depth1_menu .depth1_list {
    width: 13.428%;
    margin-left: 1%;
    text-align: center;
  }
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu {
   background: none;
  } 
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth1_anchor {
    font-size: 20px;
  }
  #header .lnb .lnb_wrap .depth1_menu .depth1_list:first-child {
    margin-left: 0;
  }
  .hd_search {
    background-size: 100% 100%;
   -webkit-background-size: 100% 100%;
    margin: 3px 0 0 7.25%;
  }
}
/* 1100 */
@media screen and (max-width: 1100px) {
  .hd_search {
    margin: 3px 0 0 5.25%;
  }
  .weather .air {
    margin: 10px 0 0 20px;
  }
  #header .gnb .gnb_left ul.clearfix li {
    margin: 0;
  }
}
@media screen and (max-width: 991px) {
  *, body {
    font-size: 14px;
    line-height: 1.3rem;
  }
   .tablet_skip {
     display: none;
  }
  /*header*/
  .area_hd_main {
    padding: 15px 0 9px;
    display: inline-block;
  }
  #header {
    height: auto;
    border-bottom: 1px solid #dcdcdc;
  }
  #header .gnb .wrap{
    height: 35px;
    width: 100%;
    margin: 0;
  }
  html.header_sticky #header {
    top: 0;
    position: inherit;
    background-color: #ffffff;
  }
  html.header_sticky #header .gnb {
    display: block;
 }
  #header.hd-mo.fix {
    position: fixed;
    border-bottom: 1px solid #cccccc;
    background-color: #ffffff;
  }
 /*주요사이트*/
  #header .gnb .gnb_left {
    width: 150px;
    overflow: inherit;
    padding: 0;
  }
  #header .gnb .gnb_left ul.clearfix {
    background: #000000;
    width: 100%;
  }
  #header .gnb .gnb_left ul.clearfix li {
    margin: 0;
    height: 100%;
    width: 100%;
    background-color: #000000;
  }
  #header .gnb .gnb_left ul li:not(.btn_gnb_left) {
    display: none;
  }
  #header .gnb .gnb_left ul.clearfix li a {
    padding: 7px 0 7px 46px;
    height: 100%;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-align: left;
    background-color: #515252;
  }
  #header .gnb .gnb_left ul.clearfix li.current a, 
  #header .gnb .gnb_left ul.clearfix li:hover a {
    color: #ffffff;
    background-color: #363636;
  }
  #header .gnb .gnb_left ul .btn_gnb_left {
    margin: 0;
    background: url(/user_res/images/common/gnbLeft_languageOpen_off.png) no-repeat 90% center;
    color: #fff;
    padding: 6px 0 5px 13px;
   display: block;
  }
  #header .gnb .gnb_left ul .btn_gnb_left button {
    color: #ffffff;
    font-size: 0.9rem;
    letter-spacing: -0.5px;
  }
  #header .gnb .gnb_left ul.clearfix li:first-child a {
    width: 80%;
  }
  #header .gnb .gnb_left ul.clearfix li.current a:after, 
  #header .gnb .gnb_left ul.clearfix li:hover a:after {
    content: none;
  }
  #header.menu_active::after {
    display: none;
  }

  /*language*/
  #header .gnb .gnb_right {
    padding: 0;
  }
  #header .gnb .gnb_right > ul.clearfix > li.language button.open {
    padding: 8px 44px 7px 20px;
    border-bottom: 0;
  }
  /*search*/
  .hd_search {
    margin: 3px 0 0 12.25%;
  }
  /*mobile menu*/
  .btn_mo_menu {
    width: 30px;
    height: 25px;
    float: right;
    display: block;
    position: relative;
    margin: 11px 0 0;
    z-index: 100;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .btn_mo_menu > i,
  .btn_mo_menu i:before, 
  .btn_mo_menu i:after {
    width: 100%;
    height: 2px;
    background: #000;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .btn_mo_menu i:before, 
  .btn_mo_menu i:after {
    content: "";
    position: absolute;
    left: 0;
  }
  .btn_mo_menu i {
    margin: 3px 0;
  }
  .btn_mo_menu i:before {
    top: 0;
  }
  .btn_mo_menu i:after {
    bottom: 0;
  }
  .btn_mo_menu.active{
    margin: -19px 16px 0px 0;
    z-index: 400;
  }
  .btn_mo_menu.active > i, 
  .btn_mo_menu.active i:before, 
  .btn_mo_menu.active i:after {
    background-color: #ffffff;
  }
  .btn_mo_menu.active > i {
    background-color: transparent;
   }
  .btn_mo_menu.active i:before {
      top: 13px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
   } 
  .btn_mo_menu.active i:after {
     bottom: 10px;
     -webkit-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
     -o-transform: rotate(-135deg);
     -ms-transform: rotate(-135deg);
     transform: rotate(-135deg);
  } 
  #header { 
    padding-bottom: 0; 
  }
  #header .lnb {
    visibility: hidden; 
    position: fixed; 
    top: -1px; 
    left: auto; 
    right: -600px; 
    z-index: 60; 
    width: 600px; 
    height: 100% !important; 
    margin-top: 0; 
    padding-top: 88px; 
    border-bottom-width: 0; 
    background-color: transparent; 
    transition-property: visibility, right;
  }
  #header.menu_active .lnb {
    visibility: visible; 
    right: 0;
    z-index: 300;
  }  
  #header .lnb:before {
    visibility: hidden; 
    opacity: 0;
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 10; 
    width: 100%; 
    height: 100%; 
    background-color: rgba(0, 0, 0, 0.6); 
    content: ''; 
    transition-property: visibility, opacity; 
    transition-duration: 0.5s; 
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
  }
  #header.menu_active .lnb:before {
    visibility: visible; 
    opacity: 1;
  }  
  #header .lnb:after {
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 30; 
    width: 100%; 
    height: 88px; 
    background-color: #005caa; 
    content: '';
  }
  #header .lnb .lnb_wrap {
    position: relative; 
    z-index: 20; 
    border-bottom-width: 0;
    height: 100%;
  }
  #header .lnb .lnb_wrap .wrap {   
    width: 100%;
    margin: 0;
    overflow: visible; 
    border-bottom-width: 0; 
    background-image: none; 
    background-color: transparent; 
    transition-property: none;
    height: 100% !important;
}  
  #header.menu_active .lnb.state1, #header.menu_active .lnb.state1 .lnb_wrap .wrap {padding-bottom: 0;}
  #header.menu_active .lnb.state2, #header.menu_active .lnb.state2 .lnb_wrap .wrap {padding-bottom: 0;}
  #header.menu_active .lnb.state3, #header.menu_active .lnb.state3 .lnb_wrap .wrap {padding-bottom: 0;}
  #header.menu_active .lnb.state4, #header.menu_active .lnb.state4 .lnb_wrap .wrap {padding-bottom: 0;}
  #header.menu_active .lnb.state5, #header.menu_active .lnb.state5 .lnb_wrap .wrap {padding-bottom: 0;}
  #header.menu_active .lnb.state6, #header.menu_active .lnb.state6 .lnb_wrap .wrap {padding-bottom: 0;}
  
  #header .lnb .lnb_wrap .depth1_menu { 
    float: none; 
    overflow-x: hidden; 
    overflow-y: scroll; 
    position: relative; 
    height: 100%; 
    padding-right: 0; 
    background-color: rgba(5, 20, 33, 0.95);
  }
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list {
    text-align: left;
    float: none; 
    width: 100%; 
    border-bottom: 1px solid #253848; 
    margin-left: 0; 
    transition-property: width, border-bottom-color, background-color; 
    transition-duration: 0.5s; 
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
  }
  #header .lnb .lnb_wrap .depth1_menu.active .depth1_list {
    width: 215px;
  }
  #header .lnb .lnb_wrap .depth1_menu .depth1_list.active {
    border-bottom-color: transparent; 
    background-color: #ffffff;
  }
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth1_anchor {
    padding-top: 28px; 
    padding-right: 10px; 
    padding-bottom: 33px; 
    padding-left: 40px; 
    border-bottom-width: 0; 
    color: #ffffff; 
    font-size: 26px; 
    line-height: 10px; 
    font-weight: 400; 
    transition-property: color;
  }
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth1_anchor[target='_blank'] {
    display: inline-block; 
    margin-right: 10px; 
    padding-right: 31px; 
    background: url("/user_res/images/common/lnb_m_depth1AnchorBlankIcon_off.png") no-repeat right 24px;
  }
  #header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth1_anchor {
    color: #0057a2;
  }
  #header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth1_anchor[target='_blank'] {
    background-image: url("/user_res/images/common/lnb_m_depth1AnchorBlankIcon_on.png");
  }
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title {display: none;}
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu {opacity: 1; overflow-x: hidden; overflow-y: scroll; position: fixed; top: 0; left: auto; right: -548px; width: 333px; height: 100%; margin-top: 0; padding-top: 102px; padding-right: 15px; padding-left: 15px; box-sizing: border-box; background-color: #fff; background-image: none; transition-property: visibility, right;}
  #header.menu_active .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth2_menu {right: 0;}
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list {float: none; position: relative; width: auto; padding-right: 0; padding-left: 0; border-bottom: 1px solid #ebebeb; transition: background-color 0.5s cubic-bezier(1, 0, 0, 1);}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.has:after {
    display: block; 
    position: absolute; 
    top: 18px; 
    right: 25px; 
    width: 21px; 
    height: 12px; 
    background: url("/user_res/images/common/lnb_m_depth2NextMenuIcon_off.png") no-repeat center center; 
    content: '';
}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.has.active:after {
    background-image: url("/user_res/images/common/lnb_m_depth2NextMenuIcon_on.png");
}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.active {
    background-color: #0e304f;
}
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth2_anchor {
    padding-top: 12px; 
    padding-right: 10px; 
    padding-bottom: 14px; 
    padding-left: 18px;
    font-size: 18px; 
    line-height: 23px; 
    transition: color 0.5s cubic-bezier(1, 0, 0, 1);
}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.active .depth2_anchor {color: #fff;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.active .depth2_anchor:hover {text-decoration: none;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.has .depth2_anchor {padding-right: 56px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth2_anchor[target='_blank'] {margin-right: 10px; padding-right: 29px; background-image: url("/user_res/images/common/lnb_m_depth2AnchorBlankIcon_off.png"); background-position: right 21px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.active .depth2_anchor[target='_blank'] {background-image: url("/user_res/images/common/lnb_m_depth2AnchorBlankIcon_on.png");}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.has .depth2_anchor[target='_blank'] {margin-right: 56px;}
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .cut {display: none;}
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu {display: none; margin-top: 0; padding: 20px 29px 20px 20px; border-top: 1px solid #ebebeb; background-color: #f4f4f4;}
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list {
    margin-top: 13px;
}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.has {background: url("/user_res/images/common/lnb_m_depth3NextMenuIcon_off.png") no-repeat right 2px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.has.active {background-image: url("/user_res/images/common/lnb_m_depth3NextMenuIcon_on.gif"); background-position: right 9px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor {
    color: #313131; 
    font-size: 16px; 
    line-height: 19px; 
    transition: color 0.5s cubic-bezier(1, 0, 0, 1);
}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.active .depth3_anchor {color: #333;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.active .depth3_anchor:hover {text-decoration: none;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.has .depth3_anchor {padding-right: 26px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor[target='_blank'] {margin-right: 10px; padding-right: 21px; background-image: url("/user_res/images/common/lnb_m_depth3AnchorBlankIcon_off.png"); background-position: right 3px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.active .depth3_anchor[target='_blank'] {background-image: url("/user_res/images/common/lnb_m_depth3AnchorBlankIcon_on.png");}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.has .depth3_anchor[target='_blank'] {margin-right: 26px;}
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu {display: none; margin-top: 15px; padding: 18px; border: 1px dotted #cbcbcb; background-color: #fff;}
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list {margin-top: 10px; padding-left: 13px; background: url("/user_res/images/common/lnb_depth4ListBu_off.gif") no-repeat left 8px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list:first-child {margin-top: 0;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.active {background-image: url("/user_res/images/common/lnb_depth4ListBu_on.gif");}
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth4_anchor {display: block; color: #7b7b7b; font-size: 18px; line-height: 19px; transition: color 0.5s ease-in-out;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.active .depth4_anchor {color: #2761c5;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth4_anchor[target='_blank'] {display: inline-block; margin-right: 10px; padding-right: 21px; background: url("/user_res/images/common/lnb_m_depth4AnchorBlankIcon_off.png") no-repeat right 3px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.active .depth4_anchor[target='_blank'] {background-image: url("/user_res/images/common/lnb_m_depth4AnchorBlankIcon_on.png");}
  /*분야별정보*/
  #header .lnb.main_menu .lnb_wrap .depth1_menu .depth1_list .has_icons.depth2_menu {
    left: auto;
    width: 57%;;
    background: #ffffff;
  }
  #header .lnb.main_menu .lnb_wrap .depth1_menu .depth1_list .has_icons.depth2_menu .depth2_list {
    width: 100%;
    text-align: left;
  }
  #header .lnb.main_menu .lnb_wrap .depth1_menu .depth1_list .has_icons.depth2_menu li a .menu_icon {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  #header .lnb_m_open .inner_wrap button {background-size: auto 25px;}
  
  #header .lnb .lnb_m_close {top: 15px; right: 20px; width: 25px; height: 25px;}
  #header.menu_active .lnb .lnb_m_close .inner_wrap button {background-size: auto 25px;}
  
  #header .lnb {right: -90%; width: 90%; padding-top: 59px;}
  #header .lnb:after {height: 59px;}
  
  #header .lnb .lnb_wrap .depth1_menu.active .depth1_list {width: 43%;}
  html.has_scroll #header .lnb .lnb_wrap .depth1_menu.active .depth1_list {padding-right: 9px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth1_anchor {padding-top: 16px; padding-right: 10px; padding-bottom: 16px; padding-left: 15px; border-bottom-width: 0; font-size: 16px; line-height: 19px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth1_anchor[target='_blank'] {margin-right: 10px; padding-right: 26px; background-size: auto 16px; background-position: right 18px;}
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu {right: -100%; width: 57%; padding-top: 71px;}
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.has:after {top: 16px; right: 15px; width: 18px; height: 9px; background-size: auto 9px;}
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth2_anchor {padding-top: 12px; padding-right: 8px; padding-bottom: 12px; padding-left: 8px; font-size: 17px; line-height: 18px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.has .depth2_anchor {padding-right: 43px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth2_anchor[target='_blank'] {padding-right: 25px; background-position: right 14px; background-size: auto 15px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.has .depth2_anchor[target='_blank'] {margin-right: 43px;}
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu {padding: 15px 15px 15px 15px;}
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list {margin-top: 10px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.has {background-size: auto 13px; background-position: right 3px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.has.active {background-size: 13px auto; background-position: right 8px;}
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor {font-size: 17px; line-height: 18px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.has .depth3_anchor {padding-right: 23px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor[target='_blank'] {padding-right: 21px; background-image: url("/user_res/images/common/lnb_m_depth3AnchorBlankIcon_off.png"); background-position: right 2px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.has .depth3_anchor[target='_blank'] {margin-right: 23px;}
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu {margin-top: 10px; padding: 10px;}
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list {padding-left: 10px; background-position: left 7px;}
  
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth4_anchor {font-size: 16px; line-height: 17px;}
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth4_anchor[target='_blank'] {background-position: right 1px; background-size: auto 13px;}
  .btn_mo_menu.active {
    margin: -36px 16px 0px 0;
  }
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth1_anchor {
    height: 50px;
  }
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth2_anchor {
    font-size: 15px;
  }
  #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor {
    font-size: 14px;
  }
}
/*태블릿*/
@media screen and (max-width: 800px) {
  body[id^='sub'] #header {
    border-bottom: 2px solid #222;
 }
}
@media screen and (max-width: 770px) {
  #header {
    border-bottom: 0;
  }
  #header .gnb .gnb_right > ul.clearfix > li.sns_mo {
    display: block;
    margin: 2px;
  }
  #header .gnb .gnb_right > ul.clearfix  li.sns_mo a {
    padding: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #347fbb;
    width: 30px;
    text-align: center;
  }
  .sns_mo img {
    width: 15px;
  }
  /*header search*/
  .hd_search {
    position: absolute;
    top: 79px;
    background: #0080c8;
    width: 102%;
    margin: 0;
    left: -1%;
    padding: 5px 20%;
    height: 50px;
 }
  .hd_search .hd_search_input {
     width: 88%;
     background: #ffffff;
  }
  .hd_search .btn_search {
    float: left;
    height: 100%;
    background: #ffffff url(/user_res/images/common/hd_search_btn.png) no-repeat 50% 50%;
    margin: 0;
  }
 /*하단 메뉴*/
  .footer_nav {
    display: none;
  }
  #footer .footer_top {
    position: relative;
  }
  #footer .footer_top .btn_ft_link {
    width: 50%;
    height: 35px;
  }
  #footer .footer_top .btn_ft_link:nth-child(5) {
    border-left: 1px solid #868686;
    border-top: 0;
  }
  #footer .footer_top .btn_ft_link:nth-child(7) {
   border-top: 0;
  }
  #footer .footer_top .area_ft_link {
    width: 50%;
  }
  #footer .footer_top .auto_ft_link {
    left: 50%;
  }
  #footer .footer_top .busan_auto_ft_link {
    left: 0;
    bottom: 71px;
    top: auto;
  }
  #footer .footer_top .related_ft_link {
    left: 50%;
    bottom: 36px;
    top: auto;
  }
}
@media screen and (max-width: 500px) {
  /*header*/
  #header .logo a img {
    width: 150px;
  }
  .btn_mo_menu {
    width: 30px;
    height: 22px;
    margin: 7px 4px 0;
  }
   #header .gnb .gnb_right > ul.clearfix > li.language button.open {
     padding: 8px 30px 7px 15px;
   }
  .area_hd_main {
    padding: 12px 0 12px;
   }
  .hd_search {
    padding: 5px;
    top: 57px;
    height: 45px;
  }
  .btn_mo_menu.active i:after {
    bottom: 7px;
  }
  #header .gnb .gnb_left ul .btn_gnb_left button {
    font-size: 0.8rem;
  }
  #header .gnb .gnb_left ul .btn_gnb_left {
    padding: 8px 0 5px 13px;
  }
}


@media screen and (max-width: 991px) {
  #footer .footer_top .footer_site button.all_open .inner_wrap span {padding-right: 30px; background-size: 17px 9px; font-size: 18px;}
  #footer .footer_top .footer_site .site_group .target {padding-right: 0;}
  #footer .footer_top .top {display: none;}
  #footer .footer_bottom .wrap {padding-right: 3.125%; padding-bottom: 35px; padding-left: 3.125%;}
  #footer .footer_bottom .footer_logo {display: none;}
  #footer .footer_bottom .footer_nav {padding-left: 0;}
  #footer .footer_bottom .footer_info {padding-left: 0;}
  html.app_platform #footer .footer_bottom .footer_info {padding-top: 0;}
}

@media screen and (max-width: 640px) {
  #footer .footer_top {margin-bottom: 0; border-bottom-color: #414450; background-image: none;}
  #footer .footer_top .footer_site button.all_open {display: none;}
  #footer .footer_top .footer_site > div button.open {display: block; width: 100%; height: 50px; padding-left: 21px; text-align: left; background-position: 96% center; font-size: 15px;}
  #footer .footer_top .footer_site > div {float: none; width: auto; margin-left: 0; text-align: left;}
  #footer .footer_top .footer_site .site_group {border-right-width: 0; border-bottom: 1px solid #414450;}
  #footer .footer_top .footer_site > div .target {border-top: 1px solid #414450;}
  #footer .footer_top .footer_site .site_group .target {padding-bottom: 4%;}
  #footer .footer_top .footer_site .site_group .target ul {padding-left: 4%;}
  #footer .footer_top .footer_site .site_group .target ul li {margin-top: 10px;}
  #footer .footer_bottom .wrap {padding-right: 0; padding-left: 0;}
  #footer .footer_bottom .footer_nav ul li {width: 50%; margin-left: 0; padding-top: 14px; padding-bottom: 14px; padding-left: 4%; border-bottom: 1px solid #414450; background-image: none; box-sizing: border-box;}
  #footer .footer_bottom .footer_nav ul li:first-child {padding-left: 4%;}
  #footer .footer_bottom .footer_nav ul li:nth-child(even) {border-left: 1px solid #414450;}
  #footer .footer_bottom .footer_nav ul li:last-child:nth-child(odd) {width: 100%;}
  #footer .footer_bottom .footer_info {
    padding-right: 4%; 
    padding-left: 4%;
    float: left;
    margin-top: 2.5%;
    margin-bottom: 1%;
  }
  html.app_platform #footer .footer_bottom .footer_info {padding-top: 35px;}
  #footer .footer_bottom .footer_info address {
    font-size: 0.8rem;
    line-height: 1rem;
    vertical-align: inherit;
  }
  #footer .footer_bottom .footer_info address mark {
    margin-left: 0;
  }
  #footer .footer_bottom .footer_info p {margin-top: 0; font-size: 15px;}
  #footer .go_top {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  #footer .footer_top .btn_ft_link {
    width: 100%;
    border-left: 1px solid #868686;
  }
  #footer .footer_top .btn_ft_link:nth-child(3) {
    border-top: 0;
  }
  #footer .footer_top .area_ft_link {
    width: 100%;
    left: 0;
  }
  #footer .footer_top .auto_ft_link {
    top: -245px;
  }
  #footer .footer_bottom .footer_info p {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  #header .gnb .gnb_left {
    width: 135px;
  }
  #header .gnb .gnb_left ul.clearfix li a {
    padding: 7px 0 7px 45px;
    font-size: 0.85rem;
    background-position: 11% 50%;
  }
}