@charset "utf-8";

/*
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */

@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: local("NanumGothic"),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format("embedded-opentype"),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format("x-woff2"),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format("woff"),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: local("NanumGothicBold"),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format("embedded-opentype"),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format("x-woff2"),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format("woff"),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: local("NanumGothicExtraBold"),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format("embedded-opentype"),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format("x-woff2"),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format("woff"),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format("truetype");
}

/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */

html {
  font-size: 62.5%;
}

html.websize-1 {
  font-size: 62.5%;
}
html.websize-2 {
  font-size: 68.5%;
}
html.websize-3 {
  font-size: 72.5%;
}
html.websize-4 {
  font-size: 78.5%;
}
html.websize-5 {
  font-size: 82.5%;
}
/**/
.size-realtime {
  display: none;
  font-size: 12px;
  padding-left: 0 !important;
}
html.websize-1 .size-realtime.s1 {
  display: inline-block;
}
html.websize-2 .size-realtime.s2 {
  display: inline-block;
}
html.websize-3 .size-realtime.s3 {
  display: inline-block;
}
html.websize-4 .size-realtime.s4 {
  display: inline-block;
}
html.websize-5 .size-realtime.s5 {
  display: inline-block;
}
html body {
  font-family: "Nanum Barun Gothic", "맑은 고딕", "나눔고딕", "돋움", sans-serif;
  color: #333;
  font-size: 13px;
  font-size: 1.3rem;
} /* font-family:'Nanum Gothic','돋움', sans-serif; */
.float-wrap:after {
  content: " ";
  clear: both;
  visibility: hidden;
  display: block;
}
* + html .float-wrap {
  display: inline-block;
}

DIV.topToolBody {
  position: absolute;
  z-index: 9999;
}

/* header
--------------------*/

header {
  position: relative;
  z-index: 9998;
  width: 100%;
  height: 140px;
  background-color: #fff;
  background-image: url("/commons/main/images/global/header-bg.jpg");
  background-repeat: repeat-x;
  background-position: 0 0;
  background-image: none;
}

[class*="header__wrap"] {
  margin: 0 auto;
  width: 1100px;
}
* + html [class*="header__wrap"] {
  position: relative;
}
[class*="header__wrap"] h1 {
}
* + html [class*="header__wrap"] h1 {
}
[class*="header__wrap"] h1 a {
  position: relative;
  height: 50px;
  width: 240px;
  display: block;
  font-size: 0;
} /*메인타이틀 크기*/
* + html [class*="header__wrap"] h1 a {
}
[class*="header__wrap"] h1 a img {
}

.header__wrap__h1 {
  width: 1100px;
  margin: 0 auto;
  position: relative;
  z-index: 99999;
}
.header__wrap__h1 h1 {
  position: absolute;
  top: 72px;
  left: 0;
}

/* gnb */

.gnb {
  width: 100%;
  padding-top: 0;
  background-color: #fff;
  position: absolute;
  top: 74px;
  left: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  background-image: url("/commons/main/images/global/gnb-bg.png");
  background-position: 0 0;
  background-repeat: repeat-x;

  -webkit-box-shadow: 4px 8px 5px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 4px 8px 5px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 4px 8px 5px -10px rgba(0, 0, 0, 0.75);
}

* + html .gnb {
  position: absolute;
  top: 0;
  padding-top: 0;
}

.gnb-ul {
  display: inline-block;
  width: auto;
}
* + html .gnb-ul {
  display: inline;
}
.gnb-menu {
  float: left;
  background-color: #fff;
}

* + html .gnb-menu {
  position: relative;
}

.gnb-menu > a {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #666;
  font-weight: bold;
  height: 64px;
  line-height: 40px;
  text-decoration: none;
  /*background-image:url("/commons/main/images/global/gnb-menu.jpg");*/
  background-position: 0 22px;
  background-repeat: no-repeat;
}
li:first-child.gnb-menu a {
  background-image: none;
}

.gnb-menu > a:hover,
.gnb-menu > a:focus {
  color: #0077c0;
}

.gnb-menu.manager-ver > a {
  color: #fc7934;
}
.gnb-menu.manager-ver > a:hover,
.gnb-menu.manager-ver > a:focus {
  color: #c84e0e;
}

/*new menu (all 2nd menu down)
===============================*/
.sub-nav {
  display: block;
  text-align: center;
  height: 0;
  visibility: hidden;
}
.gnb-ul.selected .sub-nav {
  height: auto;
  visibility: visible;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.gnb-menu.over .sub-nav {
  background-color: #c6ddea;
}
.sub-nav__box__list a {
  display: block;
  width: 100%;
  padding: 9px 0;
  color: #666;
}
.sub-nav__box__list a:hover,
.sub-nav__box__list a:focus {
  color: #0077c0;
  font-weight: bold;
}

/* 균일 사이즈의 경우 시작 */ /*좌우폭*/
.gnb-ul {
  display: block;
  width: 686px;
  margin: 0 auto;
  padding-right: 120px;
  padding-left: 208px;
}
.gnb.two_type .gnb-menu {
  width: 50%;
}
.gnb.three_type .gnb-menu {
  width: 33.33%;
}
* + html .gnb.three_type .gnb-menu {
  width: 33%;
}
.gnb.four_type .gnb-menu {
  width: 25%;
}
.gnb.five_type .gnb-menu {
  width: 20%;
}
.gnb.six_type .gnb-menu {
  width: 16.66%;
}
* + html .gnb.six_type .gnb-menu {
  width: 16%;
}
.gnb.seven_type .gnb-menu {
  width: 14%;
}
.gnb.eight_type .gnb-menu {
  width: 12.5%;
}
.gnb.nine_type .gnb-menu {
  width: 11.09%;
}
* + html .gnb.nine_type .gnb-menu {
  width: 11%;
}
.gnb.ten_type .gnb-menu {
  width: 10%;
}
.gnb.eleven_type .gnb-menu {
  width: 9.09%;
}
* + html .gnb.eleven_type .gnb-menu {
  width: 9%;
}
.gnb.twelve_type .gnb-menu {
  width: 8.3%;
}
* + html .gnb.twelve_type .gnb-menu {
  width: 8%;
}

.gnb.thirty_type .gnb-menu {
  width: 7.5%;
}
* + html .gnb.thirty_type .gnb-menu {
  width: 7%;
}
/**/
.gnb-menu > a {
  display: block;
  width: 100%;
  text-align: center;
}

/* 균일 사이즈의 경우 끝 */

/* 2차메뉴 균일 박스 디자인 적용시 */
.gnb-ul {
  display: table;
}
.gnb-menu {
  display: table-cell;
  float: none;
}
.gnb-menu.over {
  background-color: #f5f5f5;
}
.gnb-menu.over .sub-nav {
  background-color: transparent;
}
.gnb-menu.over > a {
  background-color: #fff;
  color: #28639a;
}
.sub-nav {
  border-top: 1px solid #dedede;
  margin-top: -1px;
}
.selected .sub-nav {
  margin-top: 0;
}

/* 2차메뉴 보더적용*/
.gnb-menu:first-child {
  border-left: 1px solid #dedede;
}
.gnb-menu {
  border-right: 1px solid #dedede;
}
.gnb-menu > a {
  background-color: #fff;
  display: block;
  margin-left: -1px;
  position: relative;
  text-align: center;
  width: 103%;
}

/*ie7*/
* + html .gnb {
  position: absolute;
  top: 76px;
}
* + html .gnb-ul {
  display: block;
}
* + html .gnb-menu {
  display: block;
  float: left;
}
* + html .gnb-menu.over {
  background-color: transparent;
}
* + html .gnb-menu.over .sub-nav {
  background-color: transparent;
}
* + html .gnb-menu.over > a {
  background-color: #fff;
}
* + html .gnb-menu:first-child {
  border-left: 0px solid #bbbbbb;
}
* + html .gnb-menu {
  border-right: 0px solid #bbbbbb;
}
* + html .gnb-menu > a {
  width: 100%;
  margin-left: 0;
}
* + html .gnb-menu.over .sub-nav .sub-nav__box__list a {
  color: #fff;
}
* + html .gnb-menu.over .sub-nav .sub-nav__box__list a:hover,
* + html .gnb-menu.over .sub-nav .sub-nav__box__list a:focus {
  color: #fff;
}

/*링크 이미지*/
.gnb-link-box {
  display: none;
  position: absolute;
  top: 0;
  left: -200px;
}
.gnb-menu:first-child .gnb-link-box {
  display: block;
}

/*세부 이미지 추가버전*/
.gnb .sub-nav__box {
  position: relative;
}
.sub-nav__box > h2 {
  display: none;
}

/*3차*/
.gnb .sub-nav__3rd {
  display: none;
  position: absolute;
  top: 0;
  left: 510px;
  min-height: 900px;
  width: 210px;
}
.gnb .on.sub-nav__3rd {
  display: block;
}
.gnb .sub-nav__3rd a {
  display: block;
}
.gnb .sub-nav__3rd a:hover,
.gnb .sub-nav__3rd a:focus {
  color: #28abe1;
  text-decoration: underline;
  font-weight: bold;
}

/*검색버튼, 전체메뉴보기 버튼*/
.ex-btn-wrap {
  position: absolute;
  top: 0px;
  right: 0;
  width: 100%;
}
.ex-btn-wrap__in {
  position: relative;
  width: 1100px;
  margin: 0 auto;
  text-align: right;
}
.ex-btn-wrap__in .top-search {
  position: absolute;
  top: 58px;
  right: 34px;
}
.ex-btn-wrap__in > a {
  border: 2px solid #fff;
  outline: none;
}
.ex-btn-wrap__in > a:hover,
.ex-btn-wrap__in > a:focus {
  border: 2px solid gold;
}
.ex-btn-wrap__in .btn_all {
  position: absolute;
  top: 58px;
  right: 0px;
}

/* 전체메뉴보기 */

.all_menu_outwrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: none;
}
.all_menu_outwrap.on {
  display: block;
}

.all_menu_btn-box {
  display: block;
  margin: 0 auto;
  width: 1100px;
  position: relative;
}
.btn_all {
}

.all_menu_wrap {
  width: 100%;
  background-color: #f0f5fd;
  padding-top: 0;
  z-index: 9999;
  position: absolute;
  top: 0;
  right: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  -ms-transition: all 0.7s ease 0s;
  -o-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
  border-top: 1px solid #dddddd;
  border-bottom: 2px solid #04a5df;
  -webkit-box-shadow: 0 4px 14px -12px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 4px 14px -12px rgba(0, 0, 0, 0.75);
  box-shadow: 0 4px 14px -12px rgba(0, 0, 0, 0.75);
}
.all_menu_wrap.selected {
  display: block;
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  opacity: 1;
  visibility: visible;
}
.all_menu_in {
  position: relative;
  width: 1100px;
  margin: 0 auto;
  border-top: 0px;
}
.all_menu_in.two_type .nav-item {
  width: 50%;
}
.all_menu_in.three_type .nav-item {
  width: 33.33%;
}
* + html .all_menu_in.three_type .nav-item {
  width: 33%;
}
.all_menu_in.four_type .nav-item {
  width: 25%;
}
.all_menu_in.five_type .nav-item {
  width: 20%;
}
.all_menu_in.six_type .nav-item {
  width: 16.66%;
}
* + html .all_menu_in.six_type .nav-item {
  width: 16%;
}
.all_menu_in.seven_type .nav-item {
  width: 14%;
}
.all_menu_in.eight_type .nav-item {
  width: 12.5%;
}
.all_menu_in.nine_type .nav-item {
  width: 11.11%;
}
* + html .all_menu_in.nine_type .nav-item {
  width: 11%;
}
.all_menu_in.ten_type .nav-item {
  width: 10%;
}
.all_menu_in.eleven_type .nav-item {
  width: 9.09%;
}
* + html .all_menu_in.eleven_type .nav-item {
  width: 9%;
}
.all_menu_in.twelve_type .nav-item {
  width: 8.3%;
}
* + html .all_menu_in.twelve_type .nav-item {
  width: 8%;
}

.all_menu_in.thirty_type .nav-item {
  width: 7.5%;
}
* + html .all_menu_in.thirty_type .nav-item {
  width: 7%;
}
.all_menu_in .all_menu_close {
  background-color: #04a5df;
  border-radius: 4px;
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 15px;
  padding: 4px 9px;
  position: absolute;
  right: -34px;
}
.all_menu_in .nav-item > a {
  display: none;
}
.all_menu_in .sub-nav {
  position: relative;
  top: 0;
  background-image: none;
  left: 0;
  margin-left: 0;
  opacity: 1;
  top: 0;
  visibility: visible;
  width: auto;
}
.all_menu_in .sub-nav > a {
  padding-left: 20px;
  background-position: 5px 10px;
  text-align: left;
  margin-right: 0;
  margin-bottom: 1px;
  font-weight: bold;
}
.all_menu_wrap .sub-nav__box {
  width: auto;
  padding-bottom: 0px;
}
.all_menu_wrap .sub-nav__box__ul {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
.all_menu_wrap .sub-nav__box__list {
  float: none;
  margin-right: 0;
}
.all_menu_wrap .sub-nav__box h2 {
  font-size: 17px;
  color: #000;
  margin-bottom: 15px;
  background-image: none;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
.all_menu_wrap .sub-nav {
  max-height: 1200px;
  border-bottom: 0px;
  margin: 0 3px;
  border-top: 0px;
}

/**/
.all_menu_wrap .gnb-ul {
  width: 100%;
}
.all_menu_wrap .gnb-menu {
  margin: 0;
}
.all_menu_wrap .sub-nav__box h2 {
  float: none;
  width: auto;
  margin-left: 0;
  margin-bottom: 0;
  margin-left: 8px;
  margin-right: 8px;
  color: #fff;
  background-color: #0077c2;
}

.all_menu_wrap .sub-nav__box__list > a {
  color: #000;
  line-height: 1.4;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
  padding: 5px;
}
.all_menu_wrap .sub-nav__box__list > a:hover,
.all_menu_wrap .sub-nav__box__list > a:focus {
  text-decoration: underline;
  color: #04a5df;
}
.all_menu_wrap .sub-nav__box__list {
}

.sub-nav__3rd {
  margin-bottom: 5px;
  padding-left: 10px;
}
.sub-nav__3rd li {
  padding-bottom: 5px;
}
.sub-nav__3rd li a:hover,
.sub-nav__3rd li a:focus {
  color: #04a5df;
  text-decoration: underline;
}

.all_menu_wrap .gnb-link-box {
  display: none;
}

/* 커튼 디자인 추가 (상하 공백)*/
.gnb-menu.over {
  background-color: #fff;
}
.gnb .sub-nav__box__list a span {
  display: block;
  padding: 0px 5px;
  text-align: center;
  word-break: keep-all;
}

/* skip to Content */
.skiptoContent {
  position: absolute;
  height: 0;
  top: -60px;
  left: 50%;
  margin-left: -490px;
  z-index: 9999;
  font-size: 11px;
  font-size: 1.1rem;
}
.skiptoContent div {
  position: relative;
  height: 25px;
  padding-top: 5px;
  width: 1100px;
  margin: 0 auto;
  text-align: center;
}
.skiptoContent div {
  width: 60%;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top: 0;
}
.skiptoContent {
  left: 0;
  margin-left: 0;
  width: 100%;
}
.skiptoContent strong {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  height: 0;
  width: 0;
  left: -9999px;
  visibility: hidden;
}
.skiptoContent span.skip_item01 a {
  width: 173px;
  height: 20px;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("/commons/main/images/global/go_to_sbj.gif");
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  vertical-align: middle;
}
* + html .skiptoContent span.skip_item01 a {
  display: inline;
}
.skiptoContent span.skip_item01 a:focus {
  background-image: url("/commons/main/images/global/go_to_sbj_on.gif");
}
.skiptoContent span.skip_item02 a {
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
}
* + html .skiptoContent span.skip_item02 a {
  display: inline;
}
.skiptoContent span.skip_item02 a:focus {
  font-weight: bold;
}
.skiptoContent span {
  vertical-align: middle;
}
#wrap {
  min-height: 500px;
  position: relative;
  z-index: 1;
}
* html #wrap {
  height: 500px;
}

/* font size */
.font-size-box {
  display: inline-block;
  padding-top: 0px;
  vertical-align: top;
  padding-right: 5px;
  font-size: 13px;
  font-weight: bold;
  border: 1px solid #a8a8a8;
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
}
.top-nav__fav2 span.font-size-box {
  padding-left: 5px;
  margin-left: 5px;
  padding-left: 10px;
}
.top-nav__fav2 .fav2__bg-1 {
  background: url("/commons/main/images/global/fav2__bg-1.jpg"), url("/commons/main/images/global/top-bul.jpg");
  background-repeat: no-repeat, no-repeat;
  background-position: 10px center, left center;
  padding-left: 23px;
}
.top-nav__fav2 .fav2__bg-2 {
  background: url("/commons/main/images/global/fav2__bg-2.jpg"), url("/commons/main/images/global/top-bul.jpg");
  background-position: 10px center, left center;
  background-repeat: no-repeat, no-repeat;
  padding-left: 25px;
}
.font-size-box h3 {
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  color: #333;
  display: inline-block;
}
.font-size-box img,
.font-size-box a {
  vertical-align: middle;
  color: #333;
  font-size: 18px;
  padding: 0 2px;
}
.font-size-box a {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  vertical-align: top;
}
.top-nav__fav2 span.size-realtime {
  height: 26px;
  line-height: 26px;
  vertical-align: top;
}
.lte-ie8 .font-size-box {
  display: none;
} /*ie8*/

/* language */
.top-nav__fav2__select_design {
  background-image: url("/commons/main/images/global/top-nav__fav2__select_design-bul.jpg");
  background-position: left center;
  padding-left: 6px;
  background-color: transparent;
  border: 0;
}
.top-nav__fav2__select_design select {
  vertical-align: top;
  height: 37px;
  font-weight: bold;
  color: #c03c61;
  text-align: left;
}
.top-nav__fav2__select_design select:hover {
  cursor: pointer;
}
.top-nav__fav2 .top-sel-btn {
  display: inline-block;
  padding: 3px 7px;
  background-color: #9f9f9f;
  border-radius: 4px;
  color: #fff;
  height: 19px;
  line-height: 19px;
  vertical-align: middle;
}
* + html .top-nav__fav2 .top-sel-btn {
  display: inline;
}
/* top-nav */
.top-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.top-nav__box {
  margin: 0 auto;
  width: 1100px;
  position: relative;
  height: 0;
  z-index: 99;
}

.top-nav__fav1 {
  height: 32px;
  line-height: 32px;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
}
.home-top-btn {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-top: 0;
  border-bottom: 1px solid #fff;
  display: inline-block;
  vertical-align: top;
  height: 20px;
  width: 20px;
  padding: 8px;
}
* + html .home-top-btn {
  display: inline;
}
.open-top-btn {
  border: 1px solid #e5e5e5;
  border-top: 0;
  border-left: 0;
  display: inline-block;
  vertical-align: top;
  height: 20px;
  width: 20px;
  padding: 8px;
}
* + html .open-top-btn {
  display: inline;
}
.open-top-btn:hover,
.open-top-btn:focus {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-top: 0;
  border-bottom: 1px solid #fff;
  display: inline-block;
  border-left: 0;
  vertical-align: top;
  height: 20px;
  width: 20px;
  padding: 8px;
}
* + html .open-top-btn:hover {
  display: inline;
}
* + html .open-top-btn:focus {
  display: inline;
}
.top-nav__fav2 {
  position: absolute;
  top: 25px;
  right: 0;
  height: 32px;
  line-height: 32px;
}
.top-nav__fav2 > a {
  display: inline-block;
  height: 23px;
  line-height: 23px;
  color: #333;
  font-size: 13px;
  padding: 0 9px;
  background-image: url("/commons/main/images/global/top-bul.jpg");
  background-position: left center;
  background-repeat: no-repeat;
}
.top-nav__fav2 > a:first-child {
  background-image: none;
  padding-left: 20px;
}
* + html .top-nav__fav2 > a {
  display: inline;
}
.top-nav__fav2 span {
  padding-left: 10px;
  color: #333;
}
.top-nav__fav2 img {
  vertical-align: middle;
}

/*모바일 닫기 버튼*/
.mobile_on_off a {
  display: none;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .mobile_on_off a {
    display: block;
  }
}
/* 상단 통합검색 */
.main_search_box {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: #4d597a;
  padding: 0;
  position: absolute;
  right: 30%;
  top: 25px;
  white-space: nowrap;

  /**/
  -webkit-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
  -moz-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
  -ms-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
  -o-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
  transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
}
.main_search_box.selected {
  display: block;
  opacity: 1;
}
.main_search_box .top_select {
  width: 70px;
}
.main_search_box .selectbox_title {
  background-image: url("/commons/main/images/site/t_select_bg_red.jpg");
}
.m_se_btn {
  border: 0px;
  padding: 2px 0 2px 3px;
  width: 295px;
  height: 30px;
  font-size: 12px;
  vertical-align: middle;
}
.selectbox_option {
  z-index: 9999 !important;
}

.main_search_box .select_design {
  border: 0;
}
.m_se_btn {
  background: transparent;
  color: #222;
  padding-left: 10px;
  font-size: 13px;
}

/*상단검색*/
/* .top-search {padding-top:0px; margin-left:0;position:absolute;top:30px;right:30%;}
.top-search__in {border:3px solid #e0e0e0;background-color:#fff;padding-right:10px;
	border-radius: 18px;
}
.top-search__in__input {width:170px;border:0px;background-color:#fff;padding:0px 0 0 13px;height:38px;font-size:15px;font-family: 'Nanum Gothic';}
.top-search-submit-btn {display:inline-block;height:39px;line-height:39px;vertical-align:middle;width:40px;text-align:center;border-left:1px solid #ccc;}
	*+ html .top-search-submit-btn {display:inline;}
.top-search-submit-btn img {vertical-align:middle;} */

/*gnb 옆 재단운영시설 바로가기 버튼*/
.gnb-link-go {
  width: 100%;
  box-sizing: border-box;
  padding: 10%;
  height: 570px;
  background-image: url("/commons/main/images/global/gnb-link-go.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}
.family_open {
  position: absolute;
  top: 50%;
  left: 63.5%;
  display: block;
  width: 5%;
  height: 17%;
  line-height: 95px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  background-color: #324049;
  font-weight: bold;
  font-size: 14px;
  min-width: 50px;
  min-height: 50px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background-image: url("/commons/main/images/global/family_open.png");
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 998;
}
.family_open.open {
  left: 27.5%;
  background-image: url("/commons/main/images/global/family_close.png");
}
a.family_open:hover,
a.family_open:focus {
  opacity: 0.8;
}

.gnb-link-go .familySite_list {
  position: static;
  width: 100%;
  background: none;
  border: none;
  color: white;
}
.familySite_list li {
  color: inherit;
  padding-left: 15px;
  padding-bottom: 3%;
  background-image: url("/commons/main/images/global/familySite_bullet.png");
  background-position: 3px 5px;
  background-repeat: no-repeat;
}
.familySite_list li a {
  color: inherit;
}
.gnb-link-go .familySite_title {
  color: white;
  font-size: 24px;
  padding-bottom: 3%;
  font-weight: normal;
}
.gnb-link-go .familySite_title b {
  font-weight: 700;
}
.gnb-link-bg {
  width: 250px;
  height: 247px;
  position: absolute;
  top: 34%;
  left: 48%;
  background-image: url("/commons/main/images/global/family_main_285.png?200205");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 99%;
}

@media screen and (min-width: 1px) and (max-width: 1100px) {
  .gnb-link-go {
    width: 100%;
  }
  .gnb-link-go > a {
    top: 40px;
    right: 10px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    border-radius: 10px;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .gnb-link-go {
    display: none;
  }
  .family_open {
    display: none;
  }
}

/* ============
	메인 페이지
===============	*/

#mainpage {
  position: relative;
}

/*layout*/
.main_section {
  position: relative;
  z-index: 1000;
  overflow: hidden;
}

.main_section__lay {
  width: 1100px;
  margin: 0 auto;
  position: relative;
}

.main-lay-01 {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.main-middle-wrap {
  padding-top: 40px;
  padding-bottom: 40px;
}
.main-middle-wrap__in {
  width: 1100px;
  margin: 0 auto;
}
.main-lay-02 {
  width: 30%;
  float: left;
  margin-bottom: 10px;
  margin-top: 66px;
  padding: 1% 2%;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  height: 360px;
  overflow: hidden;
}
.main-lay-03 {
  width: 40%;
  margin-right: 1.5%;
  margin-left: 1.5%;
  float: left;
  margin-bottom: 10px;
}
.main-lay-03__in {
  border: 1px solid #e0e0e0;
  height: 360px;
}
.main-lay-03__title {
  color: #3d3d3d;
  font-size: 40px;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 500;
}
.main-lay-03__title b {
  color: #0066b3;
  font-weight: normal;
}

/*mainslide*/

#main_slide {
}
#main_slide .cycle-slideshow img {
}
.main_slide-top {
  width: 1900px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.main_slide-top #main_slide {
  overflow: hidden;
  width: 66%;
  float: left;
  height: auto;
}
.main_slide-top .main_link {
  width: 34%;
  float: left;
  min-height: 560px;
  position: absolute;
  top: 0px;
  left: 66%;
}

.main_slide-top .main_link.open {
  width: 70%;
  position: absolute;
  left: 30%;
  z-index: 997;
  top: 0px;
}
.main_slide-top .main_link.open .gnb-link-bg {
  display: none;
}
.main_slide-top .main_link.open .familySite_list {
  width: 100%;
}
.main_slide-top .main_link.open .familySite_list li {
  width: 150px;
  padding-top: 135px;
  float: left;
  position: relative;
  padding-bottom: 0px;
  margin-bottom: 73px;
  background-size: 135px;
  padding-left: 0px;
  background-image: url("/commons/main/images/global/family_main_285.png?200205");
  background-position-x: 10px;
}
.main_slide-top .main_link.open .familySite_list li:nth-child(1) {
  background-position-y: 0px;
}
.main_slide-top .main_link.open .familySite_list li:nth-child(2) {
  background-position-y: -135px;
}
.main_slide-top .main_link.open .familySite_list li:nth-child(3) {
  background-position-y: -270px;
}
.main_slide-top .main_link.open .familySite_list li:nth-child(4) {
  background-position-y: -405px;
}
.main_slide-top .main_link.open .familySite_list li:nth-child(5) {
  background-position-y: -540px;
}
.main_slide-top .main_link.open .familySite_list li:nth-child(6) {
  background-position-y: -675px;
}
.main_slide-top .main_link.open .familySite_list li:nth-child(7) {
  background-position-y: -810px;
  clear: both;
}
.main_slide-top .main_link.open .familySite_list li:nth-child(8) {
  background-position-y: -945px;
}
.main_slide-top .main_link.open .familySite_list li:nth-child(9) {
  background-position-y: -1080px;
}
.main_slide-top .main_link.open .familySite_list li:nth-child(10) {
  background-position-y: -1215px;
}
.main_slide-top .main_link.open .familySite_list li:nth-child(11) {
  background-position-y: -1350px;
}
.main_slide-top .main_link.open .familySite_list li:nth-child(12) {
  background-position-y: -1485px;
}

.main_slide-top .main_link.open .familySite_list li a {
  position: absolute;
  bottom: -27px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding-top: 100%;
}
.main_slide-top .main_link.open .gnb-link-go {
  padding: 2% 5% 0%;
  background-image: url("/commons/main/images/global/gnb-link-go-open.png");
}
.main_slide-top .main_link.open .gnb-link-go .familySite_title {
  text-align: center;
}
#main_slide .controller {
  position: relative;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  z-index: 200;
}

.slide-item__pos > img {
  visibility: hidden;
}
#main_slide .slide-item {
  background-position: center top;
  background-repeat: no-repeat;
}

@media screen and (min-width: 1px) and (max-width: 2000px) {
  .main_slide-top {
    width: 100%;
  }
}

@media screen and (min-width: 1px) and (max-width: 1445px) {
  .main_slide-top .main_link.open .gnb-link-go {
    overflow-y: scroll;
  }
  .main_slide-top .main_link.open .familySite_list li:nth-child(7) {
    clear: none;
  }
  .gnb-link-bg {
    display: none;
  }
}

.controller_in {
  position: absolute;
  background-image: url("/commons/main/images/global/control_bg.png");
  background-repeat: repeat;
  border-radius: 12px;
  padding: 5px;
  background-image: none;
  top: -60px;
  left: 0px;
  text-align: left;
  vertical-align: middle;
  padding-left: 10px;
}
#sl-prev {
  position: absolute;
  top: -220px;
  left: -60px;
  width: 42px;
  height: 55px;
  display: block;
  font-size: 0;
  background-image: url("/commons/main/images/global/main-left.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#sl-next {
  position: absolute;
  top: -220px;
  right: -60px;
  width: 42px;
  height: 55px;
  display: block;
  font-size: 0;
  background-image: url("/commons/main/images/global/main-right.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}

#main_slide .controller_in > a {
  background: url("/commons/main/images/global/msl_off.png") no-repeat 0 0;
  display: block;
  float: left;
  font-size: 0;
  height: 23px;
  line-height: 0;
  margin: 0 3px;
  width: 23px;
  display: inline-block;
  float: none;
  vertical-align: middle;
}
#main_slide .controller_in span {
  display: inline-block;
  vertical-align: middle;
}
#main_slide .controller_in span a {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  margin-right: 4px;
  vertical-align: middle;
  background-image: url(/commons/main/images/global/cycle-pager-a-2.png);
  background-repeat: no-repeat;
  background-position: center center;
}
#main_slide .controller_in span a.cycle-pager-active {
  /*background:url("/commons/main/images/global/msl_ov.png") no-repeat 0 0;*/
  border: 1px solid #d72f76;
}
* + html #main_slide .controller_in span a {
  display: inline;
}
#main_slide .cycle-slideshow {
  height: 100%;
  padding-bottom: 35%;
}
#main_slide .cycle-slideshow .slide-item {
  text-align: center;
  width: 100%;
  height: 100%;
  clear: both;
  background-size: 100% 100%;
}
#main_slide .cycle-slideshow .slide-item p {
  background-position: center top;
  background-repeat: repeat-x;
}

#main_slide .controller_in > a {
  display: none;
}
#main_slide .controller_in > a.on {
  display: inline-block;
}
#main_slide .controller_in .resume {
  background-image: url("/commons/main/images/global/resume2.png");
  background-position: center center;
  display: none;
}
#main_slide .controller_in .stop {
  background-image: url("/commons/main/images/global/stop2.png");
  background-position: center center;
}

.slide-item__in {
  position: relative;
}
.col_red {
  color: #b42046;
}

.slide-item__pos {
  position: relative;
  width: 825px;
  float: right;
  height: 100%;
}
.slide-item__pos img {
  width: 100%;
  height: 100%;
}
.slide-item__pos .paning img {
}

/*슬라이드 문구 동작 추가*/
.paning {
  position: absolute;
  top: 20%;
  left: 0px;
  z-index: 9;
  opacity: 0;
  -webkit-transition: all 1s ease 1s;
  -moz-transition: all 1s ease 1s;
  -ms-transition: all 1s ease 1s;
  -o-transition: all 1s ease 1s;
  transition: all 1s ease 1s;
  text-align: left;
}
.cycle-slide-active .paning {
  left: 0px;
  opacity: 1;
}

@media all and (min-width: 1700px) {
  #main_slide .controller {
    max-width: 500px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1100px) {
  .paning {
    width: 50%;
    top: 40px;
  }
  #main_slide .controller_in span a {
    height: 15px;
    width: 15px;
  }
  .slide-item__pos {
    width: 100%;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .paning {
    width: 45%;
    top: 30%;
  }
  .controller_in {
    top: -50px;
    left: 39%;
  }
  #main_slide .controller_in span a {
    height: 15px;
    width: 15px;
  }
  .slide-item__pos {
    width: 100%;
  }
  .main-lay-03__in {
    height: auto;
  }
  .main_slide-top .main_link {
    display: none;
  }
}

/*슬라이드 하단 링크 버튼 박스*/
.main-sl-bottom {
  position: relative;
  margin-top: -100px;
  z-index: 999;
  padding-bottom: 20px;
}
.main-sl-bottom__in {
  width: 66%;
  position: static;
  top: 82%;
  left: 0px;
  border-bottom: 1px solid #e0e0e0;
}
.main-sl-bottom__in .slide-list {
  width: 100%;
}
.main-sl-bottom__in ul.slide-list__wrap {
  float: right;
  width: 850px;
}
.main-sl-bottom__in ul.slide-list__wrap li {
  float: left;
  width: 16.6%;
}
.main-sl-bottom__in ul.slide-list__wrap li a {
  display: block;
  text-align: center;
  height: 130px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.main-sl-bottom__in .online_sys_box {
  width: 22.2%;
  float: left;
  height: 100px;
  background-image: url("/commons/main/images/global/main-sl-bottom-img2-1.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  background-size: 60px;
  background-color: #ed5564;
}
.online_sys_box p {
  padding-left: 90px;
  font-size: 18px;
  font-weight: 700;
  max-height: 100px;
  overflow: hidden;
  padding-top: 10%;
  padding-bottom: 10%;
}
.font_color_fff {
  color: #fff;
}

.main-sl-bottom__in li a span {
  display: block;
  padding-top: 25px;
  padding-bottom: 18px;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  max-width: 55px;
  max-height: 55px;
}
.main-sl-bottom__in li a span img {
  width: 100%;
  height: 100%;
}
.main-sl-bottom__in li a:hover,
.main-sl-bottom__in li a:focus {
  opacity: 0.8;
}
@media screen and (min-width: 1px) and (max-width: 1280px) {
  .main-sl-bottom__in ul.slide-list__wrap {
    width: 100%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1100px) {
  .main-sl-bottom__in {
    width: 100%;
  }
  .main-sl-bottom__in li a span {
    width: 50px;
    height: 50px;
  }
  .font_color_fff span {
    font-size: 14px;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .main-sl-bottom {
    margin-top: 0;
    border-right: 1px solid #556375;
    padding-bottom: 0;
    margin-bottom: 20px;
  }
  .main-sl-bottom__in {
    width: 100%;
  }
  .main-sl-bottom__in li {
    width: 25%;
  }
  .main-sl-bottom__in li a {
    height: 70px;
  }
  .main-sl-bottom__in li a span {
    width: 40px;
    height: 44px;
    max-width: none;
    max-height: none;
    padding-bottom: 5px;
    padding-top: 19px;
  }
  .online_sys_box {
    display: none;
  }
  .m_online_sys_li {
    display: block !important;
  }
  .main-sl-bottom__in ul.slide-list__wrap li a {
    height: 100px;
  }
}

@media screen and (min-width: 1px) and (max-width: 530px) {
  .main-sl-bottom__in li {
    width: 50%;
  }
  .main-sl-bottom__in li a {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .main-sl-bottom__in li a span {
    padding-top: 11px;
  }
  .main-sl-bottom__in ul.slide-list__wrap li a {
    height: 87px;
  }
}

@media screen and (min-width: 1px) and (max-width: 556px) {
  .main-sl-bottom__in li a {
    font-size: 13px;
  }
}

/*더보기 공통*/
.pos_more {
  position: absolute;
  top: 12px;
  right: 0px;
}

.pos_more a {
  font-size: 0;
  width: 15px;
  height: 15px;
  padding: 5px;
  display: block;
  background-image: url("/commons/main/images/global/main-more.png");
  background-position: center center;
  background-repeat: no-repeat;
}
/* 메인 h3 공통 */
.main-h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #000;
  height: 35px;
  line-height: 35px;
  position: relative;
}
.main-h3 .pos_more {
  position: absolute;
  top: 10px;
  right: 10px;
}
.main-h3 .pos_more a {
}
/*이달의 행사*/
.month-wrap {
  position: relative;
}
.month-wrap .main-h3 {
  position: absolute;
  top: 11px;
  left: 0px;
}
.month-wrap__cal {
  padding-left: 135px;
  padding-top: 15px;
  margin-bottom: 20px;
  min-height: 35px;
  border-bottom: 4px solid #eee;
}
.month-wrap__cal strong {
  font-size: 24px;
  color: #077f0a;
  padding-right: 7px;
}
.month-wrap__cal .day-item {
  display: inline-block;
  padding: 5px;
}
.month-wrap__cal .day-item a {
  display: inline-block;
  padding-top: 5px;
  color: #000;
  background-image: url("/commons/main/images/global/cal-day-bul.jpg");
  background-position: center top;
  background-repeat: no-repeat;
}
.month-wrap .pos_more {
  top: 20px;
  right: 0;
}

.day-item.sat {
  color: #3f54a3;
}
.day-item.sun {
  color: red;
}
.day-item.befor-month {
  display: none;
}
@media screen and (min-width: 1px) and (max-width: 1100px) {
  .month-wrap {
    width: 100%;
  }
  .month-wrap .main-h3 {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 0;
  }
  .month-wrap__cal {
    padding-left: 0px;
    padding-right: 15px;
    position: relative;
    padding-top: 0;
  }
  .month-wrap__cal strong {
    position: absolute;
    top: -28px;
    left: 140px;
  }
  .month-wrap__cont {
    padding: 0 10px;
  }
  .days-wrap {
    display: block;
  }
  .month-wrap .pos_more {
    top: 3px;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .month-wrap__cal {
    padding-right: 0;
    padding-top: 20px;
  }
  .month-wrap__cal .day-item {
    width: 13.3%;
    padding: 0;
    height: 40px;
    text-align: center;
  }
  .day-item.befor-month {
    display: inline-block;
    color: #eee;
  }
}

.art-list-wrap {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 30px;
}
.art-list-wrap .flex-direction-nav {
  display: block;
  position: relative;
}
.art-list-wrap .flex-direction-nav .flex-nav-prev {
  position: absolute;
  top: -170px;
  left: -40px;
}
.art-list-wrap .flex-direction-nav .flex-nav-next {
  position: absolute;
  top: -170px;
  right: -40px;
}
.art-list-wrap .flex-direction-nav .flex-prev {
  display: block;
}
.art-list-wrap .flex-direction-nav .flex-next {
  display: block;
}

.art-list__ul__li__a {
  display: block;
  border: 1px solid #e5e5e5;
  position: relative;
  padding-bottom: 10px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.art-list__ul__li__a img {
  width: 258px;
  height: 150px;
}
.art-list__ul__li__a .item0 {
  position: absolute;
  top: 130px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
}
.art-list__ul__li__a .item0.green-type {
  background-color: #24973f;
}
.art-list__ul__li__a .item0.red-type {
  background-color: #ed2554;
}
.art-list__ul__li__a .item0.deep-green-type {
  background-color: #24978d;
}
.art-list__ul__li__a .item0.orange-type {
  background-color: #e06f23;
}
.art-list__ul__li__a .item2 {
  height: 45px;
  line-height: 1.6;
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
  color: #666;
  font-size: 13px;
  padding-top: 5px;
  font-weight: bold;
}
.art-list__ul__li__a .item3 {
  padding-left: 10px;
  height: 20px;
  line-height: 20px;
  color: #999;
  font-size: 12px;
}

.flex-prev {
  width: 26px;
  height: 54px;
  background-image: url("/commons/main/images/global/flex-prev.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 0;
  color: transparent;
}
.flex-next {
  width: 26px;
  height: 54px;
  background-image: url("/commons/main/images/global/flex-next.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 0;
  color: transparent;
}

.flex-prev:focus,
.flex-next:focus {
  border: 1px solid gold;
}

.art-list__ul__li__a:hover {
  opacity: 0.8;
}
.art-list__ul__li__a:focus {
  border: 2px solid gold;
}
.flex-control-nav {
  display: none;
}

@media screen and (min-width: 901px) and (max-width: 1100px) {
  .main-lay-01 {
    width: 900px;
    margin: 0 auto;
    float: none;
  }
  .flexslider-art {
    width: 820px;
    overflow: hidden;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 591px) and (max-width: 900px) {
  .flexslider-art {
    width: 540px;
    overflow: hidden;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 1px) and (max-width: 590px) {
  .flexslider-art {
    width: 260px;
    overflow: hidden;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .art-list-wrap {
    padding-bottom: 0px;
  }
}

/*재단활동갤러리*/
.main-gall-wrap {
  position: relative;
  margin-bottom: 12px;
}
.main-gall-wrap .pos_more {
  top: 4px;
  right: 0px;
}
.main-gall-wrap__ul__li {
  width: 100%;
}
.main-gall-wrap__ul__li .item1 {
  display: none;
}
.main-gall-wrap__ul__li .item01 {
  display: none;
}
.main-gall-wrap__ul__li .item3 {
  display: none;
}
.main-gall-wrap__ul__li:first-child {
  border-bottom: 1px dashed #e0e0e0;
  margin-bottom: 10px;
}
.main-gall-wrap__ul__li:first-child .item1 {
  display: block;
}
.main-gall-wrap__ul__li:first-child .item2 {
  color: #0066b3;
}
.main-gall-wrap__ul__li:first-child .item3 {
  display: block;
}
.main-gall-wrap__ul__li:nth-child(n + 2) .item4 {
  display: none;
}
.main-gall-wrap__ul__li:nth-child(n + 4) {
  display: none;
}
.main-gall-wrap__ul__li__a {
  display: block;
}
.main-gall-wrap__ul__li__a img {
  border: 1px solid #e5e5e5;
  width: 100%;
  height: 150px;
}
.main-gall-wrap__ul__li__a .itme1 {
}
.main-gall-wrap__ul__li__a .item2:before {
  content: "-";
  padding-right: 5px;
}
.main-gall-wrap__ul__li__a .item2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  font-size: 16px;
}
.main-gall-wrap__ul__li__a .item3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 14px;
  padding-bottom: 4%;
}
.main-gall-wrap__ul__li__a .item4 {
  padding-bottom: 3%;
}

/*팝업존*/
.popup_zone {
  width: 27%;
  float: left;
  margin-top: 66px;
}
.popup_zone__in {
  position: relative;
}
.cycle-list img {
  border: 1px solid #e5e5e5;
  width: 100%;
  height: 360px;
}
#prev-pop {
  position: absolute;
  top: 10px;
  right: 46px;
  z-index: 9999;
  display: block;
  width: 17px;
  height: 17px;
  font-size: 0;
  border: 1px solid #e0e0e0;
  background-image: url("/commons/main/images/global/prev-pop.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}
#pause-pop {
  position: absolute;
  top: 10px;
  right: 28px;
  z-index: 9999;
  display: block;
  width: 17px;
  height: 17px;
  font-size: 0;
  border: 1px solid #e0e0e0;
  background-image: url("/commons/main/images/global/pause-pop.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}
#next-pop {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9999;
  display: block;
  width: 17px;
  height: 17px;
  font-size: 0;
  border: 1px solid #e0e0e0;
  background-image: url("/commons/main/images/global/next-pop.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

.custom-pager2 {
  position: relative;
  z-index: 9999;
}
.controller2_in {
  position: absolute;
  z-index: 9999;
  bottom: 5%;
  left: 35%;
}
.custom-pager2 a {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  border-radius: 50%;
  font-size: 0;
  background-image: url("/commons/main/images/global/cycle-pager-a.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.custom-pager2 a.cycle-pager-active {
  border: 1px solid black;
}

.stop2 {
  display: none;
}
.resume2 {
  display: none;
}
.stop2.on {
  display: inline-block;
  width: 14px;
  height: 14px;
  font-size: 0;
  background-image: url("/commons/main/images/global/stop2.png");
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: -2px;
}
.resume2.on {
  display: inline-block;
  width: 14px;
  height: 14px;
  font-size: 0;
  background-image: url("/commons/main/images/global/resume2.png");
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: -2px;
}

/*배너존*/
.banner_zone_outwrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #e0e0e0;
  background-color: #fff;
}
.banner_zone_outwrap__in {
  width: 1100px;
  margin: 0 auto;
}
.banner_zone_wrap {
  padding: 16px 0;
  position: relative;
  overflow: hidden;
  height: 58px;
  padding: 10px 0;
}
.banner_zone {
  width: 860px;
  overflow: hidden;
  z-index: 0;
  position: relative;
  text-align: center;
  margin-left: 240px;
  margin-top: 10px;
}
.banner_zone a {
  padding: 0 0;
}

.selectbox_title_focus {
  border: 1px solid #ffc169 !important;
}

.listwrap {
  position: relative;
  left: 0;
  overflow: hidden;
}
* + html .listwrap {
  width: 895px !important;
  overflow: hidden;
  height: 41px;
  white-space: nowrap;
}
.listwrap li {
  float: left;
  width: 220px;
  height: 45px;
}
.listwrap li a {
  display: block;
  width: 199px;
  height: 42px;
  border: 1px solid #e0e0e0;
}
.listwrap li a img {
  width: 198px;
  height: 40px;
}
.navi {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 18px;
}
.navi .on {
  background-color: red;
}

.banner_zone_wrap h3 {
  margin-left: 0px;
  margin-bottom: 0px;
  font-size: 18px;
  color: #333333;
  position: absolute;
  top: 31px;
  left: 19px;
}
.foot_roll_nav2 {
  position: relative;
  z-index: 1; /**/
  margin-left: 5px;
}
.foot_roll_nav2 .r_prev {
  left: 104px;
}
.foot_roll_nav2 .r_pause {
  left: 140px;
}
.foot_roll_nav2 .r_next {
  left: 175px;
}
.foot_roll_nav2 .r_start {
  left: 127px;
}
.foot_roll_nav2 span {
  float: left;
  position: absolute;
  top: 21px;
}
.foot_roll_nav2 span.go_all_banner {
  padding-left: 3px;
}
.banner_zone_wrap .pos_banner {
  position: absolute;
  top: 15px;
  left: 133px;
}

.r_next a {
  width: 23px;
  height: 23px;
  font-size: 0;
  display: block;
  background-color: #fff;
  /*border:1px solid #dddddd;*/
  background-image: url("/commons/main/images/global/ico-roll-right.png");
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: -1px;
}
.r_prev a {
  width: 23px;
  height: 23px;
  font-size: 0;
  display: block;
  background-color: #fff;
  /*border:1px solid #dddddd;*/
  background-image: url("/commons/main/images/global/ico-roll-left.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.r_pause a {
  width: 23px;
  height: 23px;
  font-size: 0;
  display: block;
  background-color: #fff;
  /*border:1px solid #dddddd;*/
  background-image: url("/commons/main/images/global/ico-roll-pause.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.r_start a {
  font-size: 0px;
}

/*메인 게시판*/
#main_bbs {
  position: relative;
}
#main_bbs .pos_more {
  top: -52px;
  right: 0px;
}
#main_bbs ul.main_bbs_tit:after {
  clear: both;
  content: "";
  display: block;
  visibility: hidden;
}
* + html #main_bbs ul {
  display: inline-block;
}
* html #main_bbs ul {
  height: 1%;
}
#main_bbs ul.main_bbs_tit {
  margin-bottom: 13px;
}
#main_bbs ul.main_bbs_tit li {
  float: left;
  position: relative;
  width: auto;
}
#main_bbs ul.main_bbs_tit li:first-child {
  background-image: none;
}

#main_bbs.two_type ul.main_bbs_tit li {
  width: 50%;
}
#main_bbs.three_type ul.main_bbs_tit li {
  width: 33.33%;
}
* + html #main_bbs.three_type ul.main_bbs_tit li {
  width: 33%;
}
#main_bbs.four_type ul.main_bbs_tit li {
  width: 25%;
}
#main_bbs.five_type ul.main_bbs_tit li {
  width: 20%;
}

#main_bbs ul.main_bbs_tit li.selected {
  margin-left: -1px;
}
#main_bbs ul.main_bbs_tit li a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0px 0px 0px;
  text-align: center;
  color: #999;
  font-weight: normal;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  font-size: 16px;
  font-weight: bold;
}
#main_bbs ul.main_bbs_tit li:first-child a {
  margin-left: 0;
}
#main_bbs ul.main_bbs_tit li:first-child.selected a {
  margin-left: 0;
}
#main_bbs ul.main_bbs_tit li.selected a {
  border-left: 0;
}
#main_bbs ul.main_bbs_tit li:last-child {
  background-image: none;
}
#main_bbs ul.main_bbs_tit li:last-child a {
  border-right: 0px;
}

#main_bbs ul.main_bbs_tit li.selected,
#main_bbs ul.main_bbs_tit li.selected a {
  font-weight: normal;
  color: #fff;
}

#main_bbs ul.main_bbs_tit li.selected a {
  background-color: #0066b3;
  margin-bottom: -4px;
}

#main_bbs .main_bbs_list {
  position: relative;
  padding: 0px 0px 0 0px;
}
#main_bbs .js_bs_t_box {
  display: none;
}
#main_bbs .js_bs_t_box.selected {
  display: block;
}
#main_bbs .main_bbs_list li {
  float: left;
  width: 100%;
  position: relative;
  border-bottom: 1px dashed #e0e0e0;
}
#main_bbs .main_bbs_list li:last-child {
  border-bottom: 0px;
}
#main_bbs .main_bbs_list ul {
  margin-left: -10px;
}
#main_bbs .main_bbs_list li a {
  display: block;
  margin-left: 10px;
  background-color: #fff;
  /* background-image:url("/commons/main/images/global/bbs-list-bg.jpg");background-position:center 0;background-repeat:no-repeat; */
  /* -moz-box-shadow: 1px 1px 2px #a5a9ad;
	-webkit-box-shadow: 1px 1px 2px #a5a9ad;
	box-shadow: 1px 1px 2px #a5a9ad; */
}
#main_bbs .main_bbs_list li a .item1 {
  height: 130px;
  padding-bottom: 10px;
  overflow: hidden;
}
#main_bbs .main_bbs_list li a .item1 img {
  width: 100%;
  height: 100%;
}
#main_bbs .main_bbs_list li a .item2 {
  padding: 0 10px 10px 10px;
  color: red;
  display: block;
}
#main_bbs .main_bbs_list li a .item3 {
  padding: 0 10px 0 10px;
  margin-bottom: 10px;
  height: 33px;
  overflow: hidden;
  font-size: 14px;
  font-weight: bold;
  font-size: 1.4;
}
#main_bbs .main_bbs_list li a .item4 {
  font-size: 13px;
  height: 55px;
  line-height: 1.4;
  overflow: hidden;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
#main_bbs .main_bbs_list li a .item5 {
  padding: 0 10px 10px 10px;
}

#main_bbs .main_bbs_list li .bbs-box {
  width: 100%;
  padding: 3.5% 3%;
  box-sizing: border-box;
}
.bbs-box .bbs-box__date {
  width: 13%;
  margin-right: 2%;
  float: left;
  text-align: center;
}
.bbs-box .bbs-box__date .bbs-box__date__day {
  display: block;
  font-size: 36px;
  text-align: center;
  font-weight: 600;
}
.bbs-box .bbs-box__date .bbs-box__date__year {
  width: 100%;
  font-size: 12px;
  text-align: center;
}
.bbs-box .bbs-box__content {
  width: 85%;
  float: left;
  margin-bottom: 3%;
  padding-top: 2%;
}
.bbs-box .bbs-box__content .bbs-box__content__title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 2%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bbs-box .bbs-box__content .bbs-box__content__title .new {
  width: 16px;
  height: 16px;
  font-size: 0px !important;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/commons/main/images/global/title-new.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
.bbs-box .bbs-box__content .bbs-box__content__script {
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media screen and (min-width: 1px) and (max-width: 1200px) {
  .main-middle-wrap__in {
    width: 100%;
  }
  .online-btn .online-btn__a {
    right: 0px;
  }
}
@media screen and (min-width: 1px) and (max-width: 1100px) {
  .main-middle-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .main-middle-wrap__in {
    width: 100%;
  }
  .main-gall-wrap {
    width: 80%;
    margin: 0 auto;
  }
  .main-gall-wrap__ul__li__a .item1 {
    text-align: center;
  }
  .popup_zone {
    display: none;
  }
  #slideshow_pop .cycle-list {
    width: 100%;
  }
  #slideshow_pop .cycle-list a {
    display: block;
    width: 100%;
    text-align: center;
  }
  .controller2_in {
    width: 100%;
    text-align: center;
    left: 0;
  }
}
@media screen and (min-width: 1px) and (max-width: 1100px) {
  .main-lay-02 {
    width: 48%;
    margin: 66px 1% 10px;
  }
  .main-lay-03 {
    width: 48%;
    margin: 0px 1% 10px;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .main-h3 {
    font-size: 17px;
  }
  .main-gall-wrap {
    width: 100%;
    float: none;
  }
  .main-gall-wrap__ul__li__a {
    text-align: center;
  }
  .popup_zone {
    width: 100%;
    float: none;
    padding-bottom: 40px;
    padding-top: 0;
  }
  #main_bbs .main_bbs_list li:nth-child(1),
  #main_bbs .main_bbs_list li:nth-child(2) {
    display: block;
  }
  #main_bbs ul.main_bbs_tit li a {
    font-size: 15px;
  }
  #main_bbs .main_bbs_list li a .item1 {
    text-align: center;
  }
  #main_bbs .main_bbs_list li a .item1 img {
    width: auto;
  }
  #main_bbs .main_bbs_list li a {
    padding-top: 10px;
    background-position: center 10px;
  }
}
@media screen and (min-width: 1px) and (max-width: 560px) {
  #main_bbs .main_bbs_list ul {
    margin-left: 0;
  }
  #main_bbs .main_bbs_list li {
    width: 100%;
  }
  #main_bbs .main_bbs_list li a {
    margin-left: 0;
  }
}

/*함께하는 SNS*/
.main-lay-04 {
  height: 250px;
  width: 1900px;
  margin: 0 auto 3%;
}

.main-lay-04__in {
  width: 65%;
  margin-left: 35%;
}

.sns-face {
  position: relative;
  height: 250px;
  /* background-image:url("/commons/main/images/global/sns-title.png");background-position:left top;background-repeat:no-repeat; */
}
.sns-face h3 {
  position: absolute;
  top: 47px;
  left: -274px;
  color: #0066b3;
  font-size: 40px;
  font-weight: normal;
}
.sns-face__info {
  position: absolute;
  top: 118px;
  left: -270px;
  color: #3d3d3d;
  font-size: 13px;
  line-height: 1.6;
}
.sns-face__ul {
  padding-top: 45px;
  overflow: hidden;
}
.sns-face__ul__li {
  float: left;
  width: 210px;
  margin-left: 15px;
}
.sns-face__ul__li__a {
  display: block;
  background-color: #fff;
  position: relative;
  width: 95%;
  margin: 0 auto;

  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.sns-face__ul__li__a__span {
  width: 30px;
  height: 30px;
  display: block;
  text-indent: -9999px;
  position: absolute;
  top: 7px;
  left: 7px;
  border-radius: 50%;
  background-image: url("/commons/main/images/global/facebook.png");
  background-position: left top;
  background-repeat: no-repeat;
}
.sns-face__ul__li__a .item1 {
  width: 100%;
  height: auto;
}
.sns-face__ul__li__a .item1 img {
  width: 100%;
  height: 165px;
}
.sns-face__ul__li__a .item2 {
  width: 100%;
  line-height: 1.4;
  padding-top: 5%;
  padding-bottom: 5px;
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 14px;
}
.sns-face__ul__li__a .item3 {
  width: 100%;
  padding-left: 25px;
  padding-right: 10px;
  padding-bottom: 6%;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  background-image: url("/commons/main/images/global/fbdata.png");
  background-position: 10px 3px;
  background-repeat: no-repeat;
}

.sns-face__ul__li__a:hover,
.sns-face__ul__li__a:focus {
  opacity: 0.8;
}

.slick-prev {
  position: absolute;
  left: -274px;
  top: 180px;
  font-size: 0px;
  width: 39px;
  height: 39px;
  border: none;
  border-radius: 50%;
  background-image: url(/commons/main/images/global/slick-prev.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.slick-next {
  position: absolute;
  left: -225px;
  top: 180px;
  font-size: 0px;
  width: 39px;
  height: 39px;
  border: none;
  border-radius: 50%;
  background-image: url(/commons/main/images/global/slick-next.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

@media screen and (min-width: 1px) and (max-width: 1900px) {
  .main-lay-04 {
    width: 100%;
    height: auto;
    margin-bottom: 3%;
  }
}
@media screen and (min-width: 1px) and (max-width: 1100px) {
  .sns-face__ul {
    width: calc(100% - 80px);
    margin: 0 auto;
  }
  .sns-face__ul .slick-prev {
    left: 0px;
  }
  .sns-face__ul .slick-next {
    left: auto;
    right: 0px;
  }
}

@media screen and (min-width: 1px) and (max-width: 1100px) {
  .main-lay-04 {
    height: auto;
    margin-bottom: 3%;
  }
  .main-lay-04__in {
    width: 100%;
    margin: 0 auto;
  }
  .sns-face__ul__li:nth-child(1) {
    display: block;
  }
  .sns-face__ul__li:nth-child(2) {
    display: block;
  }
  .sns-face__ul__li:nth-child(3) {
    display: block;
  }
  .sns-face h3 {
    position: static;
    width: 100%;
    text-align: center;
    padding-top: 3%;
  }
  .sns-face__info {
    display: none;
  }
  .sns-face {
    height: auto;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .sns-face__ul__li:nth-child(3) {
    display: none;
  }
  .sns-face h3 {
    padding-top: 5%;
  }
}

/*footer*/
#footer {
  color: #999999;
  background-color: #fff;
  position: relative;
  border-top: 1px solid #e0e0e0;
  /*background-image:url("/commons/main/images/global/footer-bg.jpg");*/
  background-repeat: repeat-x;
  background-position: left top;
}
.footer_in_wrap {
  width: 1100px;
  margin: 0 auto;
  position: relative;
  min-height: 130px;
}
.footer_in_wrap:after {
  content: " ";
  clear: both;
  visibility: hidden;
  display: block;
}
* + html .footer_in_wrap {
  display: inline-block;
}
#footer a {
  color: #666;
}

.copyright {
  position: relative;
}
.foot_img {
  position: absolute;
  top: 80px;
  left: 0;
}

.copy_box {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  text-align: center;
}
.copy_box li {
  float: left;
  float: none;
  display: inline-block;
}
* + html .copy_box li {
  display: inline;
}
#footer .copy_box li a {
  display: block;
  height: 45px;
  font-size: 14px;
  line-height: 45px;
  text-align: center;
  color: #666;
  background-image: url("/commons/main/images/global/copy_li_bg.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0 13px 0 15px;
}
#footer .copy_box li a img {
  vertical-align: middle;
}
.copy_box li:first-child a {
  background-image: none;
}
#footer .copy_box li:first-child a {
  background-image: none;
}
#footer .copy_box li.persnal-rule a {
  color: #fff47a;
}
.copy_box2 {
  position: absolute;
  top: 50px;
  left: 0;
  text-align: center;
  width: 100%;
}
.copy_box a,
.copy_box2 a {
  font-size: 13px;
  font-size: 1.3rem;
}
.copy_box a strong {
  color: #666;
}
.copy_box a:hover,
.copy_box2 a:hover {
  text-decoration: underline;
}
#footer .copy_box li a:focus {
  text-decoration: underline;
}

.copy_box2 .item1 {
  margin-bottom: 5px;
  font-style: normal;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  color: #666;
}
.copy_box2 .item1 h3 {
  float: left;
  width: 65px;
  height: 26px;
  padding-top: 9px;
  margin-right: 5px;
  background-color: #676767;
  color: #999;
}
.copy_box2 .item2 {
  font-style: normal;
  margin-top: 5px;
  margin-bottom: 4px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  color: #666;
  text-align: center;
}

.copy_box2 ul li {
  font-size: 14px;
  font-size: 1.4rem;
  float: left;
  background-image: url("/commons/main/images/global/footer_tel_li.jpg");
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding-left: 13px;
  margin-right: 13px;
}
.copy_box2 ul li:first-child {
  background-image: none;
  padding-left: 0;
}

#footer .col_blue {
  color: #0066b3;
}

.foot_select {
  position: absolute;
  top: 14px;
  right: 0;
}
.select_go {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding: 0 5px;
  border: 1px solid #e0e0e0;
  font-size: 11px;
  vertical-align: middle;
}

@media screen and (min-width: 1px) and (max-width: 560px) {
  .copy_box {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 10px;
  }
  .copy_box2 {
    position: relative;
    top: 0;
    left: 0;
  }
  #footer .copy_box li a {
    height: 30px;
    line-height: 30px;
  }
}

/* ===============
	서브페이지 sub-default.jsp
==================*/

/* 서브페이지 공통 */

.cont-in,
.sub-contents-content {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  min-height: 650px;
  margin-bottom: 50px;
}
.cont-in img {
  max-width: 100%;
  height: auto !important;
}
.cont_in {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  min-height: 500px;
  margin-bottom: 50px;
}
.cont_in img {
  max-width: 100%;
  height: auto !important;
}

/* ===============
	서브페이지 sub-default.jsp
==================*/

.visua_wrap {
  background-image: url("/commons/main/images/basic/sub-visual-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
}
.visua_wrap .visual {
  width: 1100px;
  margin: 0 auto;
  height: 180px;
}

.visua_wrap .visual img {
  display: none;
}

.visual_wrap {
  background-image: url("/commons/main/images/basic/sub-visual-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
}
.visual_wrap .visual {
  width: 1100px;
  margin: 0 auto;
  height: 180px;
}

.visual_wrap .visual img {
  display: none;
}

.visual_wrap .visual__in {
  width: 1100px;
  margin: 0 auto;
  height: 180px;
}

.visual_wrap .visual__in img {
  display: none;
}

/* location */
.location-box {
  position: relative;
  font-weight: bold;
}
.location-box__cont {
  position: absolute;
  left: 0;
  top: 100px;
}
.location-box__cont span {
  float: left;
  display: block;
  padding: 0 17px;
  font-size: 11px;
  font-size: 1.1rem;
  height: 28px;
  line-height: 28px;
  background-image: url("/commons/main/images/global/location-icon.png");
  background-position: 0 11px;
  background-repeat: no-repeat;
  color: #333;
}
.location-box__cont span:first-child {
  background-image: none;
  padding-left: 0;
}
.location-box__cont .loc-home {
  display: block;
  padding-left: 25px;
  font-size: 11px;
  font-size: 1.1rem;
  height: 28px;
  line-height: 27px;
  background-image: url("/commons/main/images/global/home.png");
  background-position: 0 5px;
  background-repeat: no-repeat;
  color: #333;
}

/* contents */
.sub-page-container {
  padding-bottom: 20px;
  /*background-image:url("/commons/main/images/global/main_section_bg.jpg");background-position: center top; background-repeat:repeat-x;*/
}
.sub-page-container__wrap {
  width: 1100px;
  margin: 0 auto;
  position: relative;
}
.sub-contents {
  width: 840px;
  float: right;
  min-height: 500px;
  padding-left: 0px;
  background-color: #fff;
}

.sub-page-container__wrap.hide {
  margin-top: -103px;
  padding-top: 103px;
} /* 퀵메뉴 quick menu 위치 때문에 설정. header 높이만큼 값 설정 */
.sub-page-container__wrap.unhide {
}

/* 제목줄 */
.sub-contents__top {
  position: relative;
  height: 140px;
  background-image: url("/commons/main/images/basic/sub-contents__top.png");
  background-repeat: repeat-x;
  background-position: left bottom;
  margin-bottom: 40px;
}
.sub-contents__top h2.sub-tit {
  font-size: 38px;
  color: #222;
  padding-top: 40px;
  margin-bottom: 16px;
}

/*제목줄 프린트, 공유 버튼*/

.sub-sns-box-wrap {
  position: absolute;
  top: 60px;
  right: 0;
}
.sub-sns-box {
  position: relative;
}
.sub-sns-box a {
  margin-right: 5px;
}
.sns-little-box {
  display: none;
}
.sns-little-box.on {
  display: block;
  position: absolute;
  bottom: -34px;
  right: 0;
  white-space: nowrap;
}

@media screen and (min-width: 769px) and (max-width: 1100px) {
  .sub-sns-box-wrap {
    top: 25px;
  }
  .sns-little-box.on {
    bottom: -40px;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .sub-sns-box-wrap {
    top: 28px;
  }
  .sns-little-box.on {
    bottom: -40px;
    right: 0px;
  }
  .sns-little-box a {
    display: inline-block;
    width: 28px;
  }
}

/*공유버튼 다른타입*/
.sub-sns-link {
  position: absolute;
  top: 60px;
  right: 0;
}

/* ===============
	서브페이지 sub.jsp
==================*/

.sub-bg-top {
  height: 290px;
  position: relative;
  margin-top: -120px;
  margin-bottom: -130px;
  background-image: url("/commons/main/images/global/sub-head-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  display: none;
}
/*제목줄*/
.sbj_line {
  position: relative;
}
.sbj_line h2 {
  text-align: center;
  color: #fff;
  font-size: 45px;
  width: 100%;
  position: absolute;
  top: -198px;
  left: 0;
  text-shadow: 1px 1px 6px #555;
}

.sbj_line .location {
  color: #fff;
  left: 0;
  position: absolute;
  text-align: center;
  top: -138px;
  width: 100%;
  text-shadow: 1px 1px 6px #555;
}
.sbj_line .location a {
  color: #fff;
}

.sbj_line .sub-sns-box-wrap {
  top: -260px;
}

/*         sidebar
=========================*/
/* sidebar */
.sidebar {
  width: 220px;
  float: left;
  padding-bottom: 40px;
  margin-top: -125px;
}
.sidebar__wrap {
  background-color: #fff;
}
.side_in_wrap {
}
.sidebar__h2 {
  text-align: center;
  padding-top: 82px;
  height: 80px;
  font-size: 24px;
  position: relative;
  color: #fff;
  margin-bottom: 10px;
  background-image: url("/commons/main/images/basic/sidebar__h2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.sidebar__h2 span {
  display: block;
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.sidebar__h2 a {
  display: none;
}
.side-list__li {
  margin-bottom: 3px;
}
.side-list__li > span > a {
  display: block;
  padding-left: 20px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #dddddd;
  font-size: 14px;
  font-weight: bold;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background-position: 193px center;
  /*border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;*/
}

.side-list__li.open-type > span > a {
  background-image: url("/commons/main/images/basic/side-list-li-off.png");
  background-position: 188px center;
  background-repeat: no-repeat;
}

.side-list__li.open-type > span > a:hover,
.side-list__li.open-type > span > a:focus,
.side-list__li.open-type > span.on > a,
.side-list__li.open-type > span > a.on {
}
.side-list__li.open-type.on > span > a {
  color: #fff;
  background-color: transparent;
  background-image: url("/commons/main/images/basic/side-list-li-on.png");
  background-color: white;
  border-bottom: 2px solid #e83249;
  color: #e83249;
}

.side-list__li.on > span {
  display: block;
  /*background-image:url("/commons/main/images/basic/side-list__li_on_bg.jpg");*/
  background-image: url("/commons/main/images/basic/side-on.jpg");
  background-repeat: no-repeat;
  background-position: 97% center;
  background-color: #fff; /*이미지없을시 임시*/
  background-image: none;
}
.side-list__li.open-type.on > span {
  background-image: none;
}

.side-list__li > span > a:hover,
.side-list__li > span > a:focus,
.side-list__li > span.on > a,
.side-list__li > span > a.on {
  font-weight: bold;
  opacity: 0.9;
}
.side-list__li.on > span > a {
  font-weight: bold;
  background-color: white !important;
  border-bottom: 2px solid #0698a9 !important;
  color: #0698a9 !important;
}

.side-list__li__inbox {
  display: none;
}

.on > .side-list__li__inbox {
  display: block;
  background-color: #f7f7f7;
  padding: 10px;
}

.spp__in > a {
  display: block;
  font-size: 12px;
  color: #565656;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 23px;
  background-image: url("/commons/main/images/basic/side-list__li__inbox.png");
  background-position: 9px 13px;
  background-repeat: no-repeat;
}
.spp__in > a:hover,
.spp__in > a:focus,
.spp__in.on > a,
.spp__in > .on {
  font-weight: bold !important;
  color: #e83249 !important;
  text-decoration: underline !important;
  background-image: url("/commons/main/images/basic/side-list__li__inbox_on.png") !important;
}
.spp__in__small {
  display: none;
}
.on > .spp__in__small {
  display: block;
  padding: 3px 10px 10px 15px;
}

.spp__in__small a {
  background-image: url("/commons/main/images/basic/spp__in__small.jpg");
  background-position: 5px center;
  background-repeat: no-repeat;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  font-size: 11px;
}
.spp__in__small .on,
.spp__in__small a:hover,
.spp__in__small a:focus {
  font-weight: bold;
}

.sp-open-type {
  background-image: url("/commons/main/images/basic/open-close.png");
  background-repeat: no-repeat;
  background-position: 178px 10px;
}
.sp-open-type.on {
  background-image: url("/commons/main/images/basic/open-done.png");
  background-position: 178px 13px;
}

/*4차*/
.spp__in__small__4th {
  display: none;
}
.on > .spp__in__small__4th {
  display: block;
  padding: 10px 5px 10px 10px;
  background-color: #eff3f7;
}

.spp__in__small__4th a {
  display: block;
  padding: 3px 0;
  min-height: 17px;
  font-size: 11px;
  font-weight: normal;
  padding-left: 15px;
}

.spp__in__small__4th > li.on > a,
.spp__in__small__4th > li > .on,
.spp__in__small__4th a:hover,
.spp__in__small__4th a:focus {
  font-weight: bold;
  text-decoration: underline;
}

/* 사이트맵 */
.sitemap ul {
  width: 100%;
}
.sitemap a:hover {
  text-decoration: underline;
}
.sitemap > ul > li {
  display: inline-block;
  width: 17%;
  margin: 0 1% 1% 1%;
  vertical-align: top;
}
* + html .sitemap > ul > li {
  display: inline;
}
.sitemap > ul > li > a {
  width: 100%;
  display: block;
  background-color: #0081cc;
  font-size: 15px;
  height: 3em;
  line-height: 3em;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.sitemap > ul > li > ul > li > a {
  padding: 5px;
  display: block;
  line-height: 1.2em;
  border-bottom: 1px solid #d1d1d1;
  background-image: url("/commons/main/images/global/sub-nav-icon_on.png");
  background-position: 10px center;
  background-repeat: no-repeat;
}
.sitemap > ul > li > ul > li > ul > li > a {
  padding-left: 30px;
  display: block;
  line-height: 2em;
  border-bottom: 1px solid #d1d1d1;
  background-image: url("/commons/main/images/global/basic_bul1.jpg");
  background-position: 15px center;
  background-repeat: no-repeat;
}

/* 픽스드 방식 quickmenu*/
.quickmenu {
  position: fixed;
  right: 0px;
  top: 40%;
  display: none;
  z-index: 9999;
}

.quickmenu__list li {
  text-align: right;
  margin-bottom: 5px;
}
.quickmenu__list a {
  display: inline-block;
  color: #fff;
  padding-left: 50px;
  width: 0;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  white-space: nowrap;
  margin-right: 5px;
  border-radius: 10px;
  vertical-align: top;
  background-image: url("/commons/main/images/global/ico-guick.png");
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.quickmenu__list a.item1 {
  background-color: #36362c;
  background-position: 0 0;
}
.quickmenu__list a.item2 {
  background-color: #808080;
  background-position: 0 -50px;
}
.quickmenu__list a.item3 {
  background-color: #adadad;
  background-position: 0 -100px;
}
.quickmenu__list a.item4 {
  background-color: #d7d7d7;
  background-position: 0 -150px;
}

.quickmenu__list a:hover,
.quickmenu__list a:focus {
  width: auto;
  padding-right: 20px;
}
@media screen and (min-width: 1px) and (max-width: 1050px) {
  .quickmenu {
    display: none !important;
  }
}

#quick_wrap h2 {
  display: none;
}
/*
===========================
			컨텐츠
===========================*/

.ss-tab-wrap {
  border: 1px solid #e5e5e5;
  margin-bottom: 30px;
}

.ss-tab-wrap > div {
  background-color: #f7f7f7;
}
.ss-tab-wrap > div.on {
  background-color: #fff;
}

.ss-tab-left {
  float: left;
  width: 50%;
}
.ss-tab-right {
  float: right;
  width: 50%;
}

.ss-tab-wrap h3 {
  font-size: 16px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 3px solid #f7f7f7;
}
.ss-tab-wrap > div.on h3 {
  border-top: 3px solid #b42046;
}
.ss-tab-right h3 {
  border-left: 1px solid #e5e5e5;
}
.ss-tab-box_in {
  border-left: 1px solid #e5e5e5;
  text-align: center;
  min-height: 60px;
}
.ss-tab-left .ss-tab-box_in {
  border-left: 0px;
}
.ss-tab-box_in a {
  display: inline-block;
  padding: 10px 15px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  font-size: 13px;
}
.ss-tab-box_in a.on {
  background-color: #b42046;
  color: #fff;
}

.ss-tab-wrap > div.on .ss-tab-box_in a {
  background-color: #f7f7f7;
}
.ss-tab-wrap > div.on .ss-tab-box_in a.on {
  background-color: #b42046;
}

.ss-box-wrap {
  display: none;
  margin-bottom: 30px;
}
.ss-box-wrap.on {
  display: block;
}

/*방송심의신청*/
.login-type {
  margin-bottom: 2%;
}
.login-type__in {
  border: 1px solid #ddd;
  padding-top: 30px;
  min-height: 260px;
  text-align: center;
}
.login-type h3 {
  font-size: 20px;
  text-align: center;
}
.login-type.type1 {
  width: 49%;
  float: left;
}
.login-type.type1 h3 {
  padding-bottom: 100px;
  background-image: url("/commons/main/images/global/login-type-type1.jpg");
  background-repeat: no-repeat;
  background-position: center 90%;
}

.login-type.type2 {
  width: 49%;
  float: left;
  margin-left: 2%;
}
.login-type.type2 h3 {
  padding-bottom: 100px;
  background-image: url("/commons/main/images/global/login-type-type2.jpg");
  background-repeat: no-repeat;
  background-position: center 90%;
}
.login-type.type3 {
  width: 100%;
  float: left;
}
.login-type.type3 h3 {
  margin-bottom: 10px;
}
.login-type.type3 .login-type__in {
  padding: 30px 40px;
  min-height: 200px;
  text-align: left;
}
.big_dotted {
  padding-bottom: 10px;
  background-image: url("/commons/main/images/global/big_dotted.jpg");
  background-repeat: repeat-x;
  background-position: left bottom;
}
.login-type-input-box {
  position: relative;
  padding-left: 190px;
  min-height: 100px;
  background-image: url("/commons/main/images/global/login-type-type3.jpg");
  background-repeat: no-repeat;
  background-position: 30px 20px;
}
.login-type-input-box .item1 {
  margin-bottom: 8px;
}
.login-type-input-box .item2 {
  margin-bottom: 10px;
}
.login-type-input-box .item3 {
  margin-left: 100px;
}
.login-type-input-box label {
  padding-left: 10px;
  width: 90px;
  font-weight: bold;
  background-image: url("/commons/main/images/global/blue_bul.jpg");
  background-repeat: no-repeat;
  background-position: 0 center;
}
.login-type-input-box .in_login {
  border: 1px solid #ddd;
  height: 22px;
  padding: 2px 0 0 3px;
  width: 170px;
}
.login-type-input-box .login-type-btn {
  position: absolute;
  top: 0;
  left: 474px;
}
.login-type p {
  text-align: center;
  margin-bottom: 15px;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .login-type.type1 {
    width: 100%;
    float: none;
  }
  .login-type.type2 {
    width: 100%;
    float: none;
    margin-left: 0;
  }
  .login-type.type3 {
    float: none;
  }
  .login-type.type3 .login-type__in {
    padding: 20px 20px;
  }
  .login-type-input-box {
    padding-left: 0;
    background-image: none;
  }
  .login-type-input-box .login-type-btn {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: 40px;
    line-height: 40px;
  }
}

/* 2017-10-20 fri kdg */

.box__bsts__tb1 {
  padding: 20px;
  border: 1px solid #e5e5e5;
  margin-bottom: 30px;
  background-image: url("/commons/main/images/global/minwon_box.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
}
.box__bsts__tb1 .left__photo {
  float: left;
  width: 25%;
  padding-left: 20px;
}
.box__bsts__tb1 .right__text {
  float: right;
  width: 70%;
  line-height: 1.5;
}

/* bsts box type2 */

.box__bsts__tb2 {
  padding: 25px;
  padding-bottom: 40px;
  border: 1px solid #e5e5e5;
  margin-bottom: 30px;
  background-color: #fefefe;
  background-image: url("/commons/main/images/global/minwon_box.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
}
.box__bsts__tb2 .left__photo {
  float: left;
  width: 40%;
  padding-left: 20px;
}
.box__bsts__tb2 .right__text {
  float: right;
  width: 56%;
  line-height: 1.5;
}

/* bsts box type3 */

.box__bsts__tb3 {
  padding: 20px;
  border: 1px solid #e5e5e5;
  margin-bottom: 30px;
  background-color: #ffffff;
  background-image: url("/commons/main/images/global/notice_box.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
}
.box__bsts__tb3 .left__photo {
  float: left;
  width: 15%;
  padding-left: 30px;
}
.box__bsts__tb3 .right__text {
  float: right;
  width: 79%;
  line-height: 1.5;
}
.box__bsts__tb3 .right__text p {
  padding-top: 5px;
}

.photo_txt {
  display: inline-block;
}

.pd_all10 {
  padding: 10px;
}
.pd_t10 {
  padding-top: 10px;
}
.pd_t5 {
  padding-top: 5px;
}

.box_search {
  padding: 34px 20px 40px 20px;
  border: 1px solid #dedede;
  margin-bottom: 30px;
  background-color: #f6f6f6;
  color: #222;
}

.left__zone {
  float: left;
  width: 20%;
  height: 60px;
  border-right: 2px solid #ddd;
}
.left__zone .tx_search {
  font-size: 20px;
  padding-top: 15px;
  text-align: center;
}
.right__zone {
  float: left;
  margin-left: 30px;
  padding-top: 15px;
  height: 50px;
}

/* search_form */
.box_search label {
  font-size: 11pt;
  width: 50px;
  margin-right: 20px;
}
.box_search select {
  width: 230px;
  font-size: 13px;
  font-size: 1.3rem;
  height: 30px;
}
.btn_s1 span {
  vertical-align: middle;
  white-space: nowrap;
  background-position: right bottom;
  background-repeat: no-repeat;
  display: inline-block;
  height: 30px;
  font-weight: bold;
  background-color: #4d9ddb;
  padding: 0px 30px 0 30px;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: "Nanum Gothic";
  letter-spacing: 1px;
}

.btn_s1 {
  width: 80px;
  vertical-align: middle;
  margin: 0;
  border: 0px;
  line-height: 28px;
  height: 30px;
  background-position: 0 center;
  background-repeat: no-repeat;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  padding-right: 0px;
  overflow: visible;
}

/* box__dotted */

.box__dotted {
  margin-bottom: 20px;
  padding-left: 20px;
}
.box__dotted div {
  border-bottom: 2px dashed #e5e5e5;
  margin-bottom: 20px;
  margin-top: 20px;
}
.box__dotted div:first-child {
  margin-bottom: 20px;
  margin-top: 0px;
}
.box__dotted div:last-child {
  margin-bottom: 20px;
  margin-top: 0px;
  border: 0px;
}

/* 2 */
.box__dotted_tb2 {
  margin-bottom: 20px;
  padding: 20px;
  background-color: #fdfdfe;
  border: 1px solid #e5e5e5;
}
.box__dotted_tb2 div {
  border-bottom: 2px dashed #e5e5e5;
  margin-bottom: 20px;
  margin-top: 20px;
}
.box__dotted_tb2 div:first-child {
  margin-bottom: 20px;
  margin-top: 0px;
}
.box__dotted_tb2 div:last-child {
  margin-bottom: 0px;
  margin-top: 0px;
  border: 0px;
}
.box__dotted_tb2 ul {
  display: inline-block;
  margin-bottom: 20px;
}
.box__dotted_tb2 ul li {
  display: inline-block;
  width: 698px;
}

.left_img {
  width: 25%;
  float: left;
}
.left_img span {
  display: inline-block;
  margin-left: 15px;
  padding-top: 10px;
  font-size: 15px;
  font-weight: bold;
}
.right_text {
  width: 70%;
  float: right;
}

.left_img2 {
  width: 10%;
  float: left;
}
.left_img2 span {
  display: inline-block;
  margin-left: 15px;
  padding-top: 10px;
  font-size: 15px;
  font-weight: bold;
}
.right_text2 {
  width: 90%;
  float: right;
}

.pd_t15 {
  padding-top: 15px;
}

/* 5 */
.tb_type5 {
  background-color: #fff;
  margin-bottom: 20px;
  border-left: 1px solid #dddddd;
  margin-bottom: 20px;
  border-top: 2px solid #9ebcd2;
  border-bottom: 1px solid #dddddd;
  font-size: 13px;
  font-size: 1.3rem;
}
.tb_type5 table {
  width: 100%;
  border-collapse: collapse;
}
.tb_type5.no_tb_border {
  width: 715px;
  overflow: hidden;
  border-left: 0px;
}
.tb_type5.no_tb_border table {
  width: 716px;
}

.tb_type5.mgn_b30 {
  margin-bottom: 30px;
}
.tb_type5.mgn_b40 {
  margin-bottom: 40px;
}
.tb_type5.mgn_b50 {
  margin-bottom: 50px;
}

.tb_type5 a:hover {
  text-decoration: underline;
}
.tb_type5 table thead th {
  vertical-align: middle;
  text-align: center;
  vertical-align: middle;
}
.tb_type5 table thead th {
  background-color: #fbfbfb;
  border-bottom: 1px solid #dedede;
}
.tb_type5 table th {
  background-color: #fbfbfb;
  vertical-align: middle;
  text-align: left;
  padding-bottom: 7px;
  padding-top: 9px;
  padding-left: 8px;
  padding-right: 8px;
  color: #444444;
  font-weight: bold;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
}
.tb_type5 table th.pd_l30 {
  padding-left: 30px;
}
.tb_type5 table td {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
  padding: 7px 15px;
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
  color: #808080;
}
.in_length_ex {
  width: 430px;
}
* + html .in_length_ex {
  width: 430px;
}
* html .in_length_ex {
  width: 430px;
}

.tb_type5.all_center table th {
  text-align: center;
}
.tb_type5.all_center table th.t_left {
  text-align: left;
}
.tb_type5.all_center table td {
  text-align: center;
}
.tb_type5.all_center table td.t_left {
  text-align: left;
}

.tb_type5.th_center table th {
  text-align: center;
}
.tb_type5.th_center table td {
  text-align: left;
}
body .tb_type5.th_center table td.align_center {
  text-align: center;
}

.tb_type5 table tr.align_left th {
  text-align: left;
}
.tb_type5 table tr.align_center th {
  text-align: center;
}
.tb_type5 table tr.align_right th {
  text-align: right;
}
.tb_type5 table tr.align_left td {
  text-align: left;
}
.tb_type5 table tr.align_center td {
  text-align: center;
}
.tb_type5 table tr.align_right td {
  text-align: right;
}
/* 6 */
.tb_type6 {
  background-color: #fff;
  margin-bottom: 20px;
  border-left: 1px solid #dddddd;
  margin-bottom: 20px;
  border-top: 2px solid #9ebcd2;
  border-bottom: 1px solid #dddddd;
  font-size: 13px;
  font-size: 1.3rem;
}
.tb_type6 table {
  width: 100%;
  border-collapse: collapse;
}
.tb_type6.no_tb_border {
  width: 715px;
  overflow: hidden;
  border-left: 0px;
}
.tb_type6.no_tb_border table {
  width: 716px;
}

.tb_type6.mgn_b30 {
  margin-bottom: 30px;
}
.tb_type6.mgn_b40 {
  margin-bottom: 40px;
}
.tb_type6.mgn_b50 {
  margin-bottom: 50px;
}

.tb_type6 a:hover {
  text-decoration: underline;
}
.tb_type6 table thead th {
  vertical-align: middle;
  text-align: center;
  vertical-align: middle;
}
.tb_type6 table thead th {
  background-color: #fbfbfb;
  border-bottom: 1px solid #dedede;
}
.tb_type6 table th {
  vertical-align: middle;
  text-align: left;
  padding-bottom: 7px;
  padding-top: 9px;
  padding-left: 8px;
  padding-right: 8px;
  color: #444444;
  font-weight: bold;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
}
.tb_type6 table th.pd_l30 {
  padding-left: 30px;
}
.tb_type6 table td {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
  padding: 7px 15px;
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
  color: #808080;
}
.in_length_ex {
  width: 430px;
}
* + html .in_length_ex {
  width: 430px;
}
* html .in_length_ex {
  width: 430px;
}

.tb_type6.all_center table th {
  text-align: center;
}
.tb_type6.all_center table th.t_left {
  text-align: left;
}
.tb_type6.all_center table td {
  text-align: center;
}
.tb_type6.all_center table td.t_left {
  text-align: left;
}

.tb_type6.th_center table th {
  text-align: center;
}
.tb_type6.th_center table td {
  text-align: left;
}
body .tb_type5.th_center table td.align_center {
  text-align: center;
}

.tb_type6 table tr.align_left th {
  text-align: left;
}
.tb_type6 table tr.align_center th {
  text-align: center;
}
.tb_type6 table tr.align_right th {
  text-align: right;
}
.tb_type6 table tr.align_left td {
  text-align: left;
}
.tb_type6 table tr.align_center td {
  text-align: center;
}
.tb_type6 table tr.align_right td {
  text-align: right;
}
.mgn_b0 {
  margin-bottom: 0px;
}

/* .pd_l10 {padding-left:10px;}
	.pd_l15 {padding-left:15px;}
	.pd_l20 {padding-left:20px;}
	.pd_l30 {padding-left:30px;}
	.pd_l40 {padding-left:40px;} */

.tb_in_span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.mindown_bul {
  background-image: url("/commons/main/images/global/mindown.jpg");
  background-repeat: no-repeat;
  background-position: 15px center;
  font-size: 15px;
  padding: 15px 0px 20px 100px;
  color: #454545;
  font-weight: bold;
  text-align: left;
}

.mindown_bul2 {
  background-image: url("/commons/main/images/global/mindown2.jpg");
  background-repeat: no-repeat;
  background-position: 15px center;
  font-size: 15px;
  padding: 15px 0px 25px 100px;
  color: #454545;
  font-weight: bold;
  text-align: left;
}

/* 민원 프로그램 이용안내 */
.icon {
  width: 50%;
  padding: 5px;
}

/* 통합검색 20171110
---------------------------------------*/

.search-reult-wrap {
  float: left;
  width: 100%;
}
.new-sidebar {
  float: right;
  width: 210px;
}

.search-top-box__in__box {
  text-align: center;
  border: 1px solid #e5e5e5;
  padding: 30px 0 0 0;
  height: 132px;
  border-bottom: 0px;
  background-image: url("/commons/main/images/global/search-top-box__in__box.jpg");
  background-repeat: no-repeat;
  background-position: left center;
}
.search-top-box__in__box .item1 {
  margin-bottom: 10px;
  color: #000;
  font-weight: bold;
  font-size: 14px;
}
.search-top-box__in__box .search-item {
  margin-bottom: 9px;
  font-size: 0;
}

.search-text {
  border: 1px solid #e5e5e5;
  height: 38px;
  width: 416px;
  padding: 0;
  padding-left: 4px;
  vertical-align: middle;
  font-size: 14px;
}
.search-ok {
  display: inline-block;
  width: 65px;
  text-align: center;
  padding-left: 15px;
  color: #fff;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  font-size: 14px;
  background-image: url("/commons/main/images/global/search-btn-icon.jpg");
  background-repeat: no-repeat;
  background-position: 5px center;
  background-color: #42a9ba;
  border-radius: 5px;
}
.search-top-box__in__box .select_design {
  border-right: 0;
}
.search-top-box__in__box .select_design select {
  height: 38px;
}

/*검색카테고리*/
.search-ctg {
  margin-bottom: 30px;
  border: 1px solid #c8d1db;
  border-left: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a549c+0,128398+50,2a9b6d+100 */
  background: #3a549c; /* Old browsers */
  background: -moz-linear-gradient(left, #3a549c 0%, #128398 50%, #2a9b6d 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #3a549c 0%, #128398 50%, #2a9b6d 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #3a549c 0%, #128398 50%, #2a9b6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a549c', endColorstr='#2a9b6d',GradientType=1 ); /* IE6-9 */
}
.search-ctg li {
  float: left;
  background-image: url("/commons/main/images/global/ctg-bul.png");
  background-repeat: no-repeat;
  background-position: left center;
}
.search-ctg li:first-child {
  background-image: none;
}
.search-ctg a {
  display: block;
  color: #fff;
  height: 52px;
  line-height: 52px;
  text-align: center;
  font-size: 15px;
}

.search-ctg a small {
  display: block;
}
.search-ctg li.on {
}
.search-ctg li.on a {
  color: #fff5a3;
  background-image: url("/commons/main/images/global/ctg-bul-on.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.search-ctg li.on a small {
  color: #5db8bf;
  font-size: 12px;
}

.search-ctg li a:hover,
.search-ctg li a:focus {
  background-image: url("/commons/main/images/global/ctg-bul-on.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
/*결과 리스트등*/
.col_blue {
  color: #0063a8;
}
.col_green-new {
  color: #2b9c6c;
}
.search-result__box-top {
  position: relative;
  height: 30px;
  padding-top: 7px;
  margin-bottom: 30px;
  color: #333;
  font-size: 15px;
  font-weight: bold;
}
.search-result__box-top .select_design {
  position: absolute;
  top: 0;
  right: 0;
}

.search-h3-line {
  position: relative;
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 2px solid #9ebcd2;
  background-image: url("/commons/main/images/global/search-h3-line.jpg");
  background-repeat: repeat-x;
  background-position: 0 bottom;
}
.search-h3 {
  display: inline-block;
  font-size: 18px;
  color: #333;
  margin-right: 4px;
  padding-left: 17px;
  background-image: url("/commons/main/images/global/search-h3.jpg");
  background-position: 0 center;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}
.search-num-tot strong {
  font-weight: bold;
  color: #f87817;
}
.btn-result-more {
  color: #fff;
  border: 1px solid #009e96;
  background-color: #009e96;
  display: block;
  padding: 3px 10px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: bold;
}

.search-list-type {
  margin-bottom: 30px;
}
.search-list-type li {
  padding: 20px;
  background-image: url("/commons/main/images/global/search-list-bul.jpg");
  background-repeat: repeat-x;
  background-position: 0 bottom;
}
.search-list-type li h4 {
  font-size: 14px;
  color: #0171b7;
  margin-bottom: 10px;
}
.search-list-type li h4 a {
  font-size: 14px;
  color: #0171b7;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-list-type li .item1 {
  margin-bottom: 5px;
}
.search-list-type li .item1 a {
  font-weight: bold;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 35px;
  height: 35px;
  line-height: 35px;
  background-image: url("/commons/main/images/global/search-list-type-file.jpg");
  background-repeat: no-repeat;
  background-position: 0 center;
}
.search-list-type li .item2 {
  margin-bottom: 10px;
  line-height: 1.6;
}
.search-list-type li .item3 {
  padding: 8px 10px;
  background-color: #f4f4f4;
  padding-left: 20px;
  background-image: url("/commons/main/images/global/fav-list-bul.jpg");
  background-position: 10px center;
  background-repeat: no-repeat;
}
.search-list-type li .item3 strong {
  text-decoration: underline;
}

/* left menu */
.new-sidebar {
}
.new-sidebar__in {
}

/*인기 검색어*/
.hit-search-word-wrap {
  border: 1px solid #c8d1db;
  margin-bottom: 20px;
}
.hit-search-word-wrap h4 {
  color: #333;
  font-size: 15px;
  padding: 15px 20px;
  border-bottom: 1px solid #80c3a1;
}

.hit-search-word-wrap .js_tab_box {
  margin-bottom: 0;
}

.hit-search-word {
  position: relative;
  padding: 20px;
  background-color: #fafafa;
}
.hit-nav {
  position: absolute;
  top: -36px;
  right: 10px;
}
.hit-nav li {
  float: left;
  margin-left: 5px;
}
.hit-nav li:first-child {
  margin-left: 0;
}

.hit-nav {
  margin-bottom: 10px;
}
.hit-nav li a {
  display: block;
  width: 43px;
  height: 24px;
  white-space: nowrap;
  line-height: 24px;
  background-color: #a0a0a0;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  border-radius: 12px;
}
.hit-nav li.selected a {
  background-color: #eb6877;
}

.hit-list__ul li:after {
  content: " ";
  clear: both;
  visibility: hidden;
  display: block;
}
* + html .hit-list__ul li {
  display: inline-block;
}
.hit-list__ul li {
  margin-bottom: 6px;
}
.hit-list__ul li em {
  display: block;
  text-align: center;
  width: 15px;
  height: 15px;
  padding-top: 0px;
  line-height: 15px;
  vertical-align: top;
  border: 1px solid #c8d1db;
  color: #586272;
  float: left;
  font-size: 11px;
  background-color: #fff;
}

.hit-list__ul li a {
  display: block;
  float: left;
  height: 17px;
  line-height: 17px;
  width: 110px;
  margin-left: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  color: #000;
}
.hit-list__ul li span {
  float: right;
}
.hit-list__ul li a:hover,
.hit-list__ul li a:focus {
  text-decoration: underline;
  color: #f2812c;
}
.hit-list__ul li a.important {
  color: #f2812c;
}

/*내가 찾은 검색어*/
.find-search-word-wrap {
  border: 1px solid #c8d1db;
  margin-bottom: 20px;
}
.find-search-word-wrap h4 {
  border-bottom: 1px solid #80c3a1;
  padding: 15px 20px;
  font-size: 15px;
  color: #333;
}
.find-searhc-word {
  padding: 20px;
  background-color: #fafafa;
}
.find-searhc-word li a {
  display: block;
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-image: url("/commons/main/images/global/fav-list-bul.jpg");
  background-position: 0 center;
  background-repeat: no-repeat;
  padding-left: 10px;
}

.find-searhc-word li a:hover,
.find-searhc-word li a:focus {
  text-decoration: underline;
}

@media screen and (min-width: 1px) and (max-width: 1100px) {
  .search-reult-wrap {
    float: none;
    width: 100%;
  }
  .new-sidebar {
    float: none;
    width: 100%;
  }
}
.main-link-box2 li.noborder {
  border-bottom: 0px;
}

/* 팝업-1 개인정보 수집 및 이용안내 17.11.23 KDG */
.person_pop {
  position: relative;
}
.pop_top {
  background-color: #3e7db3;
  padding: 10px 15px 10px 15px;
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
}
.box_type_scroll {
  padding: 20px;
  border: 1px solid #ddd;
  overflow: auto;
}
.out {
  padding: 10px;
}

/* 접근성작업 */
/* 접근성작업 - 이용안내 */
.box_group {
  background-image: url("/commons/main/images/global/minwonhrm_bg.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  width: 100%;
  height: 658px;
  border: 1px solid #e5e5e5;
}

.inner_1 {
  position: absolute;
  background-color: #d5e7f1;
  border-radius: 10px;
  padding: 13px 10px;
  top: 23px;
  left: 3%;
}
.inner_1 span {
  display: block;
  font-size: 10pt;
  text-align: center;
}
.inner_1 span:first-child {
  font-weight: bold;
  font-size: 11pt;
}

.inner_2 {
  position: absolute;
  background-color: #d5e7f1;
  border-radius: 10px;
  padding: 13px 10px;
  top: 130px;
  left: 3%;
  width: 180px;
}
.inner_2 span {
  display: block;
  font-size: 10pt;
  text-align: center;
}
.inner_2 span:first-child {
  font-weight: bold;
  font-size: 11pt;
}

.inner_3 {
  position: absolute;
  background-color: #d5e7f1;
  border-radius: 10px;
  padding: 13px 10px;
  top: 230px;
  left: 3%;
  width: 180px;
  height: 90px;
}
.inner_3 span {
  display: block;
  font-size: 10pt;
  text-align: center;
}
.inner_3 span:first-child {
  font-weight: bold;
  font-size: 11pt;
}
.inner_3 p {
  font-weight: bold;
  font-size: 11pt;
  text-align: center;
}

.inner_3__2 {
  position: absolute;
  left: 40%;
  top: 230px;
  height: 125px;
  width: 418px;
}
.inner_3__2 .inner_3__2_in {
  position: relative;
  border-radius: 10px;
  background-color: #d5e7f1;
  padding: 13px 10px;
  width: 175px;
  float: left;
}
.inner_3__2 .inner_3__2_in.inner {
  background-color: #cbe198;
  float: right;
  color: #4e5f28;
  width: 165px;
  top: 29px;
}
.inner_3__2 .inner_3__2_in span {
  text-align: center;
  display: block;
}
.inner_3__2 .inner_3__2_in span:first-child {
  font-weight: bold;
  font-size: 11pt;
}

.inner_2__1 {
  position: absolute;
  left: 40%;
  top: 114px;
  width: 418px;
  height: 90px;
}
.inner_2__1 span {
  text-align: center;
  color: #8b571b;
  font-size: 11pt;
  font-weight: bold;
}
.inner_2__1 span.down_2__1__2zone {
  text-align: center;
  color: #4e5f28;
  font-size: 11pt;
  font-weight: bold;
}
.inner_2__1__1zone {
  position: absolute;
  background-color: #f7d28b;
  border-radius: 10px;
  width: 190px;
  display: block;
  padding: 10px 5px;
}
.inner_2__1__2zone {
  position: absolute;
  background-color: #f7d28b;
  border-radius: 10px;
  top: 50px;
  width: 190px;
  display: block;
  padding: 10px 5px;
}

.down_2__1__2zone {
  position: absolute;
  background-color: #cbe198;
  border-radius: 10px;
  left: 56%;
  top: 40px;
  padding: 10px 15px;
}

.order-zone {
  position: absolute;
  height: 110px;
  left: 31%;
  top: 105px;
}
.order-zone p {
  font-size: 9pt;
  color: #f3802d;
  font-weight: bold;
  text-align: right;
}
.order-zone p:first-child {
  position: relative;
}
.order-zone p:last-child {
  position: relative;
  top: 63px;
}

.other_line {
  position: absolute;
  left: 40%;
  width: 190px;
}

/**/
.cont_in {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  min-height: 500px;
  margin-bottom: 50px;
}

/*민원접수페이지*/

.h3_wrap {
  text-align: center;
  padding-top: 20px;
  margin-bottom: 10px;
}
.h3_wrap .h3_bul {
  display: inline-block;
}
.minwon-btn {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: #1a8177;
  font-size: 14px;
  font-weight: bold;
  height: 45px;
  line-height: 45px;
  text-align: center;
  width: 216px;
  border-radius: 5px;
  margin-bottom: 5px;
  margin-left: 1px;
  margin-right: 1px;
}
.minwon-btn span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 25px;
  background-image: url("/commons/main/images/global/minwon-btn.png");
  background-position: 0 center;
  background-repeat: no-repeat;
}
.minwon-btn:hover,
.minwon-btn:focus {
  opacity: 0.9;
  color: gold;
}
.minwon_sel_item1 {
  float: left;
  width: 358px;
  height: 198px;
  border: 1px solid #e9e9e9;
  margin-bottom: 20px;
  background-image: url("/commons/main/images/global/minwon_sel_item1.jpg");
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.minwon_sel_item2 {
  float: right;
  width: 358px;
  height: 198px;
  border: 1px solid #e9e9e9;
  margin-bottom: 20px;
  background-image: url("/commons/main/images/global/minwon_sel_item2.jpg");
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.minwon_sel_item3 {
  float: left;
  height: 198px;
  border: 1px solid #e9e9e9;
  padding-left: 50px;
  padding-right: 50px;
  background-image: url("/commons/main/images/global/minwon_sel_item3.jpg");
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@media screen and (min-width: 1px) and (max-width: 1100px) {
  .minwon_sel_item1 {
    width: 49%;
  }
  .minwon_sel_item1 .minwon-btn {
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
  }
  .minwon_sel_item2 {
    width: 49%;
  }
  .minwon_sel_item2 .minwon-btn {
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
  }
  .minwon_sel_item3 {
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .minwon_sel_item3 {
    height: auto;
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 1px) and (max-width: 488px) {
  .minwon_sel_item1 {
    width: 100%;
  }
  .minwon_sel_item2 {
    width: 100%;
  }
}

/**/
.slide-item__pos a {
  display: block;
  height: 100%;
}
.slide-item__pos a:focus {
  border: 1px solid gold;
}
#main_slide .controller_in a:focus {
  border: 1px solid gold;
}
.custom-pager-photos a:focus {
  border: 1px solid gold;
}
.stop_and_start a:focus {
  border: 1px solid gold;
}
.main_photos__cycle .cycle-slide-item a:focus {
  border: 1px solid gold;
}
.pos_more a:focus {
  border: 1px solid gold;
}
.bbs_head a:focus,
.bbs_head a:hover {
  opacity: 0.8;
}
#main_bbs .main_bbs_list span.more a:focus {
  border: 1px solid gold;
}
.all_menu_in .all_menu_close:focus {
  border: 1px solid gold;
}
.foot_roll_nav2 a:focus {
  border: 1px solid gold;
}
.listwrap li a:focus {
  border: 1px solid gold;
}

/**/

/*지원신청목록 스텝2(학교정보화현장지원)*/

.calender_wrap_sel {
  position: relative;
  margin-bottom: 30px;
}
.calender_wrap_sel > h3 {
  font-size: 18px;
  color: #000;
  height: 35px;
}
.calender_wrap_sel__in {
}
.calender_wrap_sel .objTop {
  position: relative;
  text-align: center;
  height: 60px;
  line-height: 60px;
}
.calender_wrap_sel .objTop .item1 {
  vertical-align: middle;
  font-size: 29px;
  font-weight: bold;
  color: #000;
}
.calender_wrap_sel .objTop .item2 {
  vertical-align: middle;
  font-size: 29px;
  font-weight: bold;
  color: #000;
}
.calender_wrap_sel .prev_month {
  display: inline-block;
  font-size: 0;
  height: 20px;
  width: 20px;
  vertical-align: middle;
  background-image: url("/commons/main/images/global/prev_month_sel.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-right: 20px;
}
.calender_wrap_sel .next_month {
  display: inline-block;
  font-size: 0;
  height: 20px;
  width: 20px;
  vertical-align: middle;
  background-image: url("/commons/main/images/global/next_month_sel.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-left: 20px;
}
.calender_wrap_sel .objContent {
  border-top: 1px solid #3a549c;
}
.calender_wrap_sel .objContent table {
  width: 100%;
  text-align: center;
  height: 215px;
  border-collapse: collapse;
}
.calender_wrap_sel thead th {
  font-weight: bold;
  height: 47px;
  background-color: #f8faff;
  font-size: 16px;
  border: 1px solid #e0e0e0;
  border-bottom: 0px;
  border-top: 0px;
}
.calender_wrap_sel .sun {
  color: #f56b6b;
}
.calender_wrap_sel .sat {
  color: #6b7cfa;
}
.calender_wrap_sel .otherSchedule {
  color: #ddd;
}
.calender_wrap_sel table td {
  height: 67px;
  max-height: 67px;
  vertical-align: middle;
  border: 1px solid #e0e0e0;
  position: relative;
  padding-top: 20px;
}
.calender_wrap_sel table td > span {
  display: inline-block;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  padding: 5px;
  border-radius: 15px;
  position: absolute;
  top: 5px;
  left: 5px;
}

.in_length96pro {
  width: 96%;
}

.scz-layer-box {
  position: relative;
}
.scz-layer-box__in {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -125px;
  background-color: #fff;
  padding: 20px;
  display: none;
  width: 250px;
  z-index: 9999;
}
.layer-close-btn {
  display: block;
  margin-top: 5px;
  background-color: #dfdfdf;
  padding: 10px;
  text-align: center;
}
.scz-layer-box__in.selected {
  display: block;
  -moz-box-shadow: 0px 0px 9px #a5a9ad;
  -webkit-box-shadow: 0px 0px 9px #a5a9ad;
  box-shadow: 0px 0px 9px #a5a9ad;
}
.scz-layer-box__in.selected.red {
  border: 2px solid #d31616;
}
.scz-layer-box__in.selected.blue {
  border: 2px solid #197ade;
}

.scz-layer-box__in h3 {
  margin-bottom: 10px;
  font-size: 14px;
}
.scz-layer-box__in a {
  display: block;
  margin-bottom: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scz-layer-box__in a img {
  vertical-align: middle;
}

/*정보화 업무 리스트*/
.search-new-box {
  border: 1px solid #e0e0e0;
  padding: 20px;
  margin-bottom: 20px;
}
.search-new-box__in {
  margin-bottom: 0px;
}
.search-new-box__in > span {
  display: block;
  float: left;
  margin-right: 13px;
  margin-bottom: 5px;
}
@media screen and (min-width: 1px) and (max-width: 520px) {
  .much_type colgroup {
    display: none;
  }
  .much_type tr {
    display: block;
    margin-bottom: 15px;
  }
  .much_type th {
    display: none;
  }
  .much_type.bbs_list_wrap table td {
    display: block;
    text-align: left;
    padding-left: 10px;
  }
  .much_type td:before {
    color: #000;
    font-weight: bold;
    content: attr(data-th) " : ";
  }
}

/*김포시청소년육성재단*/
/*인사말*/
.hello-design {
  background-image: url("/commons/main/images/global/hello03.jpg");
  background-position: right top;
  background-repeat: no-repeat;
  min-height: 216px;
}
.hello-design img {
  padding-top: 50px;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .hello-design {
    min-height: 50px;
    background-image: none;
    padding-bottom: 20px;
  }
  .hello-design img {
    padding-top: 10px;
  }
}
/*ebook*/
.ebook {
  margin-left: -1%;
}
.ebook_box {
  float: left;
  width: 30%;
  text-align: center;
  margin-bottom: 30px;
  border: 1px solid #ddd;
  margin-left: 1%;
  padding: 1%;
  padding-bottom: 2%;
}
.ebook_box > img {
  margin-bottom: 0px;
}
.ebook_box p {
  display: inline;
}
.ebook_box a {
  font-size: 0;
  display: inline-block;
  width: 42%;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .ebook_box {
    width: 90%;
  }
  .ebook_box > img {
    display: block;
    margin: 0 auto;
  }
}

/*찾아오시는 길 (김포시청소년)*/
.h3_way01 {
  padding-left: 55px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #000;
  background-image: url("/commons/main/images/global/way01.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.h3_way02 {
  padding-left: 55px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #000;
  background-image: url("/commons/main/images/global/way02.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.h3_way03 {
  padding-left: 55px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #000;
  background-image: url("/commons/main/images/global/way03.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.h3_way04 {
  padding-left: 55px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #000;
  background-image: url("/commons/main/images/global/way04.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.way_type_p {
  margin-left: 65px;
  margin-bottom: 40px;
  font-size: 13px;
  color: #666;
}
.way_p {
  padding-left: 55px;
  background-image: url("/commons/main/images/global/way_bul.jpg");
  background-position: 45px 11px;
  background-repeat: no-repeat;
}
.way_p2 {
  padding-left: 55px;
  color: #2841a1;
  background-image: url("/commons/main/images/global/way_bul.jpg");
  background-position: 45px 11px;
  background-repeat: no-repeat;
}
.way_p3 {
  padding-left: 55px;
  color: #0e893c;
  background-image: url("/commons/main/images/global/way_bul.jpg");
  background-position: 45px 11px;
  background-repeat: no-repeat;
}

/*찾아오시는 길*/
.root_daum_roughmap {
  width: 100% !important;
}

/*수련원 디자인*/
.tr_subs {
  margin-bottom: 70px;
}
.tr_right {
  float: right;
  width: 50%;
}
.tr_left {
  float: left;
  width: 48%;
}
.tb_type_tr {
  border-top: 1px solid #dddddd;
}
.tb_type_tr table {
  width: 100%;
  border-collapse: collapse;
}
.tb_type_tr table th {
  border-bottom: 1px solid #ddd;
  text-align: left;
  padding-left: 30px;
  background-image: url("/commons/main/images/global/way_bul.jpg");
  background-position: 20px center;
  background-repeat: no-repeat;
  height: 43px;
  font-weight: bold;
}
.tb_type_tr table td {
  border-bottom: 1px solid #ddd;
  height: 43px;
}
.tb_type_tr table tr:nth-child(2n) {
  background-color: #ddd;
}

.tr_info {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 30px;
  background-image: url("/commons/main/images/global/tr-bg.jpg");
  background-position: 0 0;
  background-repeat: repeat;
}
.tr_info__in {
  background-color: #fff;
  padding: 40px 0;
}

/**/
.description {
  display: none;
}

/* 1203*/
.event-control {
  position: relative;
  width: auto;
  margin: 90px auto 50px;
  text-align: center;
}
.event-control .event_left {
  left: 0;
}
.event-control span {
  position: absolute;
  top: 0;
}
.event-control img {
  width: 30px;
}
.event-control .date_title {
  font-size: 24px;
  margin: 0 23px;
  line-height: 30px;
}
.event-control span {
  position: absolute;
  top: 0;
}
.event-control .event_right {
  right: 0;
}
.calendar_tb {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  border-top: 3px solid #0066b3;
  width: 100%;
}
.calendar_tb tr td {
  font-size: 20px;
  border: 1px solid #ccc;
  color: #666;
  padding-left: 11px;
  padding-top: 13px;
  height: 138px;
  vertical-align: top;
}
.search_tit {
  color: #546e9a;
  font-size: 20px;
}
.search_view {
  padding: 10px;
}
.search_view li {
  border-bottom: 1px solid #666;
  padding: 25px 0 25px 0;
}
.search_view li:first-child {
  border-top: 1px solid #666;
}
.search_view li a {
  color: #0066b3;
}
.btn_search {
  width: 22%;
  max-width: 100px;
  vertical-align: middle;
  margin: 0;
  border: 0px;
  line-height: 40px;
  height: 40px;
  background-position: 0 center;
  background-repeat: no-repeat;
  display: inline-block;
  color: #fff;
  border: 0;
  cursor: pointer;
  padding-right: 0px;
  overflow: visible; /*ie7 bug*/
}
.btn_search span {
  width: 100%;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-position: right bottom;
  background-repeat: no-repeat;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  background-color: #0066b3;
  padding: 0px;
  min-width: 60px;
  font-size: 15px;
  font-family: "Nanum Gothic";
  letter-spacing: 1px;
}
.main-lay-05 {
  height: 400px;
  background-color: #b5cddd;
  background-image: url("/commons/main/images/global/layer05-bg.jpg");
  background-position: center 0;
  background-repeat: repeat;
}

.main-lay-05__in {
  width: 1100px;
  margin: 0 auto;
}

.main-lay-05__in__ul {
  padding-top: 2%;
  overflow: hidden;
  width: 100%;
}

.main-lay-05__in__ul__li {
  float: left;
  width: 210px;
  margin-left: 15px;
}
.main-lay-05__in__ul__li {
  display: block;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.main-lay-05__in__ul__li:hover {
  background-color: #fff;
}
.layer05-face {
  position: relative;
  height: auto;
}
.layer05-face h3 {
  position: static;
  top: 43px;
  left: 15px;
  color: #3d3d3d;
  font-size: 40px;
  font-weight: bold;
  font-weight: 500;
  margin-left: 33%;
  padding-top: 3%;
}
.layer05-face h3 b {
  color: #0066b3;
  font-weight: normal;
}

.main-lay-05__in__ul__li__a .item1 {
  width: 100%;
  height: auto;
  padding: 10px;
  box-sizing: border-box;
}
.main-lay-05__in__ul__li__a .item1 img {
  width: 100%;
  height: 195px;
}
.main-lay-05__in__ul__li__a .item2 {
  color: #3d3d3d;
  height: 30px;
  line-height: 1.4;
  padding-top: 5px;
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font-size: 15px;
  padding-top: 10px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-lay-05__in__ul__li__a .item3 {
  padding: 0px 10px 5px;
  text-align: center;
  padding-bottom: ;
}
.main-lay-05__in__ul__li__a:hover,
.main-lay-05__in__ul__li__a:focus {
  opacity: 0.8;
}

.layer05-face .visual-2 .slick-prev {
  left: -60px;
  top: 210px;
}
.layer05-face .visual-2 .slick-next {
  left: 1137px;
  top: 210px;
}

@media screen and (min-width: 1px) and (max-width: 1380px) {
  .main-lay-05__in__ul {
    width: calc(100% - 80px);
    margin: 0 auto;
  }
  .layer05-face .visual-2 .slick-prev {
    left: 0px;
  }
  .layer05-face .visual-2 .slick-next {
    right: 0px;
    left: auto;
  }
}
@media screen and (min-width: 1px) and (max-width: 1100px) {
  .layer05-face h3 {
    margin-left: 0%;
    text-align: center;
  }
}
@media screen and (min-width: 1px) and (max-width: 1120px) {
  .layer05-face h3 {
  }
  .main-lay-05__in {
    width: 100%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .main-lay-05__in {
    width: auto;
  }
  .layer05-face {
    background-image: none;
  }
  .layer05-face h3 {
    top: 12px;
    padding-top: 5%;
  }
  .sns-face__info {
    display: none;
  }
}
@media screen and (min-width: 1px) and (max-width: 480px) {
  .main-lay-05__in {
    width: auto;
  }
  .layer05-face {
    background-image: none;
  }
  .layer05-face h3 {
    top: 12px;
    padding-top: 5%;
  }
}

/* .main-lay-06__in__ul{f
	padding-left: 220px;
	margin-left: -20px;
	padding-top: 45px;
}

.main-lay-06__in__ul__li{
	    float: left;
	    width: 91px;
	    margin-left: 15px;
}
.main-lay-06__in__ul__li {
	display:block;
	background-color:#fff;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
		}

.item_span_w100{width:100%;display:inline-block;}
.pd_t5{padding-top:5px;}

.main-lay-06__in__ul__li__a .item_go{background-image:url("/commons/main/images/global/item_go_arr.png"); background-repeat:no-repeat;background-position:center 85%; color: #fff;font-size: 16px;font-weight:700;border-bottom:3px solid #0066b3; height:50px;line-height:1.4;text-align: center;overflow:hidden;padding: 20px;padding:25px 10px 22px 10px;
    border: 3px solid #0066b3;
    -webkit-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;}
.main-lay-06__in__ul__li__a .item1{font-weight:700;border-bottom:3px solid #e27032; height:50px;line-height:1.4;text-align: center;overflow:hidden;padding: 20px;padding:25px 3px 22px 3px;}
.main-lay-06__in__ul__li__a .item2{font-weight:700;border-bottom:3px solid #9acb2a ; height:50px;line-height:1.4;text-align: center;overflow:hidden;padding: 20px;padding:25px 3px 22px 3px;}
.main-lay-06__in__ul__li__a .item3{font-weight:700;border-bottom:3px solid #d25bb9; height:50px;line-height:1.4;text-align: center;overflow:hidden;padding: 20px;padding:25px 3px 22px 3px;}
.main-lay-06__in__ul__li__a .item4{font-weight:700;border-bottom:3px solid #dd9d43; height:50px;line-height:1.4;text-align: center;overflow:hidden;padding: 20px;padding:25px 3px 22px 3px;}
.main-lay-06__in__ul__li__a .item5{font-weight:700;border-bottom:3px solid #57be6b; height:50px;line-height:1.4;text-align: center;overflow:hidden;padding: 20px;padding:25px 3px 22px 3px;}
.main-lay-06__in__ul__li__a .item6{font-weight:700;border-bottom:3px solid #45b0e6; height:50px;line-height:1.4;text-align: center;overflow:hidden;padding: 20px;padding:25px 3px 22px 3px;}
.main-lay-06__in__ul__li__a .item7{font-weight:700;border-bottom:3px solid #d5548d; height:50px;line-height:1.4;text-align: center;overflow:hidden;padding: 20px;padding:25px 3px 22px 3px;}
.main-lay-06__in__ul__li__a .item8{font-weight:700;border-bottom:3px solid #15b890; height:50px;line-height:1.4;text-align: center;overflow:hidden;padding: 20px;padding:25px 3px 22px 3px;}
.main-lay-06__in__ul__li__a .item9{font-weight:700;border-bottom:3px solid #967bdc; height:50px;line-height:1.4;text-align: center;overflow:hidden;padding: 20px;padding:25px 3px 22px 3px;}
.main-lay-06__in__ul__li__a .item10{font-weight:700;border-bottom:3px solid #4ccad3; height:50px;line-height:1.4;text-align: center;overflow:hidden;padding: 20px;padding:25px 3px 22px 3px;}


.main-lay-06__in__ul__li__a .item_go:hover,
.main-lay-06__in__ul__li__a .item_go:focus {opacity: 0.8;border:3px solid #0066b3;
-webkit-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;}

.main-lay-06__in__ul__li__a .item1:hover,
.main-lay-06__in__ul__li__a .item1:focus {opacity: 0.8;border:3px solid #e27032;
-webkit-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;}

.main-lay-06__in__ul__li__a .item2:hover,
.main-lay-06__in__ul__li__a .item2:focus {opacity: 0.8;border:3px solid #9acb2a;
-webkit-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;}

.main-lay-06__in__ul__li__a .item3:hover,
.main-lay-06__in__ul__li__a .item3:focus {opacity: 0.8;border:3px solid #d25bb9;
-webkit-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;}

.main-lay-06__in__ul__li__a .item4:hover,
.main-lay-06__in__ul__li__a .item4:focus {opacity: 0.8;border:3px solid #dd9d43;
-webkit-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;}

.main-lay-06__in__ul__li__a .item5:hover,
.main-lay-06__in__ul__li__a .item5:focus {opacity: 0.8;border:3px solid #57be6b;
-webkit-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;}

.main-lay-06__in__ul__li__a .item6:hover,
.main-lay-06__in__ul__li__a .item6:focus {opacity: 0.8;border:3px solid #45b0e6;
-webkit-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;}

.main-lay-06__in__ul__li__a .item7:hover,
.main-lay-06__in__ul__li__a .item7:focus {opacity: 0.8;border:3px solid #d5548d;
-webkit-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;}

.main-lay-06__in__ul__li__a .item8:hover,
.main-lay-06__in__ul__li__a .item8:focus {opacity: 0.8;border:3px solid #15b890;
-webkit-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;}

.main-lay-06__in__ul__li__a .item9:hover,
.main-lay-06__in__ul__li__a .item9:focus {opacity: 0.8;border:3px solid #967bdc;
-webkit-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;}

.main-lay-06__in__ul__li__a .item10:hover,
.main-lay-06__in__ul__li__a .item10:focus {opacity: 0.8;border:3px solid #4ccad3;
-webkit-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;}


.main-lay-06__in__ul__li__a:hover,
.main-lay-06__in__ul__li__a:focus {opacity: 0.8;}


@media screen and (min-width:1px) and (max-width:1100px) {
	.main-lay-06__in{width:900px;margin:0 auto;}
	.main-lay-06__in__ul__li {display:none;}
}

.pos_more {
    position: absolute;
    top: 12px;
    right: 0px;
} */

/*김포시청소년육성재단수련원 온라인통합접수 버튼*/
.online-btn {
  width: 1200px;
  margin: 0 auto;
  height: 0;
  position: relative;
}
.online-btn__a {
  width: 118px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  border-radius: 30px;
  background-color: #d72f76;
  background-image: url("/commons/gc/images/global/online-btn.png");
  background-repeat: no-repeat;
  background-position: 14px center;
  text-align: left;
  padding-left: 35px;
  display: block;
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  top: 80px;
  right: 49px;
  z-index: 99999;
}
.online-btn__a:focus {
  color: gold;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .online-btn__a {
    left: -300px;
    top: 9px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .mobile_menu_open .online-btn__a {
    display: block;
    right: unset;
    left: 10px;
    top: 9px;
    width: 177px;
    padding-left: 85px;
  }
}

/*모바일 메뉴 닫기*/

.mobile-close {
  position: fixed;
  left: -30px;
  top: 14px;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.mobile_menu_open .mobile-close {
  z-index: 10000;
}
.mobile-close a {
  font-size: 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  display: block;
  background-image: url("/commons/gc/images/mobile/mobile-close.jpg");
  background-position: center center;
  background-repeat: no-repeat;
}

.mobile_top_nav.selected .mobile-close {
  opacity: 1;
  left: 285px;
}

@media screen and (min-width: 1px) and (max-width: 1200px) {
  [class*="header__wrap"] {
    width: 100%;
  }

  header {
    width: 100%;
  }
  header {
    padding-bottom: 0px;
  }
  .header_in {
    width: 100%;
  }
  #gnb {
    background-image: none;
  }
  #gnb {
    padding-left: 0px;
  }
  #gnb {
    width: 100%;
  }
  #gnb {
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .gnb-menu {
    border-right: 0px;
  }

  .m_t_wrap {
    width: 100%;
  }
  .header__wrap__h1 {
    width: 100%;
  }
  .header__wrap__h1 h1 {
    top: 10px;
    left: 10px;
  }
  .header__wrap__h1 h1 a {
    width: 180px;
  }
  .gnb-ul {
    width: 85%;
    border-radius: 0;
    padding-left: 0;
    padding-right: 15%;
  }
  .gnb-ul.selected {
    border-radius: 0;
    background-image: none;
  }
  .gnb-menu > a {
    white-space: nowrap;
    font-size: 16px;
  }

  .gnb-menu > a > span {
    background-image: none;
  }

  .gnb-menu:first-child {
    border-left: 0;
    border-radius: 0 0 0 0;
  }
  .gnb-menu:last-child {
    border-radius: 0 0 0 0;
  }

  .online-btn {
    width: 100%;
    z-index: 999999;
  }
}
@media screen and (min-width: 1px) and (max-width: 1100px) {
  .online-btn__a {
    right: 10px;
    top: 35px;
  }
}

@media screen and (min-width: 769px) and (max-width: 850px) {
  /*gnb*/ /*big*/
  #gnb_nav_mobile ul {
    display: table;
    width: 100%;
    border-top: 2px solid #eee;
  }
  #gnb_nav_mobile li {
    display: table-cell;
  } /*big*/
  #gnb_nav_mobile li:first-child {
    border-top: 0px;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .header__wrap__h1 h1 {
    margin-left: 0;
    left: 0;
  }
  header {
    overflow: visible;
    position: fixed;
    top: 0;
    border-bottom: 1px solid #333;
  }

  .header__wrap__h1 h1 {
    position: relative;
    top: 9px;
    width: 100%;
    text-align: center;
    padding-top: 0px;
  }
  header h1 a {
    width: 140px !important;
    background-size: 100% auto;
  }
  [class*="header__wrap"] h1 a {
    margin: 0 auto;
    height: auto;
  }
  [class*="header__wrap"] {
    height: 50px;
  }

  .sub-page-container.wrap {
    padding-top: 51px;
  }
  .gnb {
    display: none;
  }

  .sub-nav__box__list a {
    text-shadow: 0px 0px 0px;
  }

  /*header*/
  header {
    height: auto;
    padding-bottom: 0px;
    height: 50px;
    background-color: #fff;
  }
  header.selected {
    height: 100%;
  }
  #mainpage header {
    padding-bottom: 0px;
  }
  header h1 {
    position: relative;
    top: 0;
    left: 0;
    padding-top: 12px;
    margin: 0 auto;
  }

  /*gnb*/
  #gnb_go {
    display: none;
  }
  .mobile_top_nav {
    display: block;
  }

  .top_wrap {
    z-index: 1;
  }
  .top_nav {
    z-index: 9999;
    position: absolute;
    top: 58px;
    display: none;
    right: 5px;
  }

  /*모바일 메뉴*/
  .gnb-ul {
    padding-left: 0;
  }
  .gnb-ul.selected .sub-nav {
    padding-top: 0;
    padding-bottom: 0;
  }
  .top-nav__fav1 .top-go-btn {
    padding-right: 0;
    width: 275px;
    margin-left: 5px;
  }
  .mobile_top_nav {
  }

  .mobile_top_nav {
    position: relative;
    z-index: 9999;
    max-height: 100%;
    position: fixed;
    top: 0;
    left: 0px;
    width: 0;
    display: block;
    background-image: url("/commons/gc/images/mobile/opa.png");
    background-repeat: repeat;
    background-position: 0 0;
  }
  .mobile_top_nav.selected {
    height: 100%;
    overflow: auto;
    width: 100%;
    left: 0px;
  }
  .mobile_top_nav .m_s_btn {
    position: absolute;
    top: -40px;
    right: 10px;
    display: block;
    width: 28px;
    height: 28px;
    display: none; /* */
  }
  .mobile_top_nav .m_s_btn img {
    width: 100%;
  }
  .mobile_top_nav .m_open_btn {
    position: absolute;
    top: 12px;
    left: 15px;
    display: block;
    width: 28px;
    height: 28px;
  }
  .mobile_top_nav .m_open_btn img {
    width: 100%;
  }
  .mobile_top_nav__in {
    left: -320px;
    width: 320px;
    position: fixed;
    top: 0;
    height: 100%;
    background-color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    overflow: auto;
  }
  .mobile_top_nav.selected .mobile_top_nav__in {
    left: 0;
    -webkit-box-shadow: 3px 4px 18px -7px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 4px 18px -7px rgba(0, 0, 0, 0.75);
    box-shadow: 3px 4px 18px -7px rgba(0, 0, 0, 0.75);
  }
  .font-size-box {
    display: none;
  }

  .gnb-ul {
    box-shadow: none;
  }
  .gnb-ul.selected {
    border-bottom: 0;
  }
  .gnb-menu > a {
    width: auto;
    text-shadow: none;
  }
  .gnb-menu > a > span {
    background-image: none;
  }
  .gnb-menu {
    background-color: #fff;
  }
  .gnb-menu.over {
    background-color: #fff;
  }

  .sub-nav__box__ul {
    background-color: #eee;
  }
  #gnb_nav_mobile {
    opacity: 0;
    position: relative;
    padding-top: 100px;
    z-index: 9999;
    background-color: #fff;
    border-top: 1px solid #d1d1d6;
    background-color: #fff;
  }
  .sub-nav__box__list a:hover,
  .sub-nav__box__list a:focus {
    background-color: #fff;
  }

  #gnb_nav_mobile li.gnb-menu > a {
    width: auto;
    display: block;
    padding: 0px 10px 0px 20px;
    height: 38px;
    line-height: 38px;
    background-image: url("/commons/gc/images/mobile/gnb_dotted.png");
    background-repeat: repeat-x;
    background-position: 0 bottom;
    font-size: 17px;
    font-weight: 500;
    color: #222;
    text-align: left;
    border-top: 1px solid #d1d1d6;
    background-color: transparent;
  }
  #gnb_nav_mobile li.sub-nav__box__list:first-child {
  }
  #gnb_nav_mobile li.sub-nav__box__list > a {
    border-top: 1px solid #d1d1d6;
    padding: 0px 10px 0px 25px;
    width: auto;
    height: 38px;
    line-height: 38px;
    font-weight: bold;
    display: block;
    color: #000;
  }
  #gnb_nav_mobile .gnb-menu:first-child {
    border-left: 0px;
  }
  .selected .sub-nav {
    border-top: 0px;
  }
  #gnb_nav_mobile li.gnb-menu .sub-nav {
    height: 0;
    overflow: hidden;
  }
  /*불켜짐*/
  #gnb_nav_mobile li.gnb-menu.on .sub-nav {
    height: auto;
    visibility: visible;
  }
  #gnb_nav_mobile li.gnb-menu.on > a {
    color: #000;
  }
  #gnb_nav_mobile .sub-nav__box__list.on > a {
    color: #000;
    text-decoration: underline;
  }
  #gnb_nav_mobile .sub-nav__box__list.on > a span {
    color: #000;
    text-decoration: underline;
  }

  #gnb_nav_mobile .gnb-menu {
    background-image: url("/commons/gc/images/mobile/mobile-bul-minus.png");
    background-repeat: no-repeat;
    background-position: 95% 20px;
    background-size: 14px auto;
  }

  #gnb_nav_mobile .gnb-menu.selected,
  #gnb_nav_mobile .gnb-menu.on {
    background-image: url("/commons/gc/images/mobile/mobile-bul-plus.png");
    background-position: 95% 13px;
  }
  /*3rd*/
  #gnb_nav_mobile .sub-nav__3rd__ul {
  }
  #gnb_nav_mobile .sub-nav__3rd__ul li {
  }
  #gnb_nav_mobile .sub-nav__3rd__ul a {
    padding-left: 45px;
    background-image: url("/commons/gc/images/mobile/nav-3rd-bul.png");
    background-repeat: no-repeat;
    background-position: 34px 12px;
    background-size: 6px auto;
    padding-bottom: 5px;
    padding-top: 5px;
  }
  #gnb_nav_mobile .sub-nav__3rd a {
    color: #666;
    border-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    width: auto;
    display: block;
    text-decoration: none;
    text-align: left;
  }
  #gnb_nav_mobile .sub-nav__3rd li:first-child {
    border-top: 0px;
  }
  #container {
    padding: 10px;
  }

  #gnb_nav_mobile .gnb-menu.nav-item.on .sub-nav {
    height: auto;
    visibility: visible;
  }
  #gnb_nav_mobile .gnb-menu.nav-item.on > a {
    color: #005698;
  }
  #gnb_nav_mobile .sub-nav__box__list.on > a span {
    color: #005698;
  }
  #gnb_nav_mobile .sub-nav__3rd .on a {
    color: #000;
    font-weight: bold;
  }
  #gnb_nav_mobile .sub-nav__3rd a.on {
    color: #000;
    font-weight: bold;
  }

  .main_search_box {
    background-color: transparent;
  }
  .search_btn_top {
    width: 32px;
  }

  .top-nav__box {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }

  .top-nav {
    left: -320px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .top-nav.selected {
    left: 0;
    top: 10px;
  }

  /*모바일 메뉴 닫기*/

  .mobile-close {
    position: fixed;
    left: -30px;
    top: 11px;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }

  .mobile_menu_open .mobile-close {
    left: 282px;
    z-index: 10000;
    opacity: 1;
  }
  .mobile-close a {
    font-size: 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    display: block;
    background-image: url("/commons/gc/images/mobile/mobile-close.jpg");
    background-position: center center;
    background-repeat: no-repeat;
  }

  .mobile_top_nav.selected .mobile-close {
    opacity: 1;
    left: 285px;
  }

  /*gnb 방식변경*/
  .top-nav {
    border-top: 1px solid #cbcbcb;
    width: 320px;
    border-bottom: 0;
    border-top: 0;
  }
  .top-nav__fav2 {
    top: -6px;
    width: 310px;
    left: 0;
    padding-left: 10px;
    background-color: #fff;
    padding-top: 46px;
    border-bottom: 1px solid #ddd;
    height: 41px;
    padding-top: 0;
  }
  /*
	.gnb {opacity:0;background-color:#fff;top:136px;width:100%;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;}

	*/
  .gnb-ul {
    width: 100%;
    display: block;
    padding-right: 0;
  }
  .gnb-menu {
    width: 100%;
    display: block;
    border-right: 0px;
  }
  .gnb-menu > a {
    text-align: left;
    line-height: 30px;
    height: 30px;
    padding-left: 15px;
  }
  .sub-nav {
    width: auto;
    border: 0;
    background-color: #f7f7f7;
    text-align: left;
  }
  .gnb-menu.over .sub-nav {
  }
  .sub-nav__box__list a span {
    color: #666666;
    background-image: none !important;
    font-size: 15px;
  }

  #gnb_nav_mobile li.gnb-menu.selected .sub-nav {
    height: auto;
    visibility: visible;
  }

  #gnb_nav_mobile.selected {
    display: block;
    opacity: 1;
  }
  .gnb.selected {
    display: block;
    opacity: 1;
  }
  .top-nav.selected {
    display: block;
    opacity: 1;
  }
}

/*모바일 닫기 버튼*/
.mobile_on_off a {
  display: none;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .mobile_on_off a {
    display: block;
  }
}

/* 이미지 박스 */
.img-box-type1,
.img-box-type2 {
  margin-bottom: 50px;
}
.img-box-type1 img,
.img-box-type2 img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.img-box-type1 {
  border-top: 1px solid #e4e9ef;
  border-bottom: 1px solid #e4e9ef;
  padding: 40px 0;
  margin-top: 20px;
}
.img-box-type2 {
  text-align: center;
  margin-top: 20px;
}