@charset "utf-8";

/* reset  */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
dl,
dd,
button,
p,
figure {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
  height: 100%;
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.05em;
}

img {
  max-width: 100%;
}

a,
a:hover,
a:focus,
a:active,
a:visited {
  text-decoration: none;
  color: inherit;
}

ul {
  *zoom: 1;
}

ul:after {
  content: "";
  display: block;
  clear: both;
}

li {
  list-style: none;
}

button {
  padding: 0;
  margin: 0;
  border: 0 none;
  background: none;
  cursor: pointer;
}

button:focus {
  outline: none;
}

table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  word-break: break-all;
}

pre {
  margin: 0;
  font-family: "Noto Sans KR", sans-serif;
  white-space: pre-wrap;
}

/* common */
.hide {
  display: none;
}

.show {
  display: block;
}

.hidden {
  position: absolute;
  left: -9999px;
}

.align_left {
  text-align: left !important;
}

.align_right {
  text-align: right !important;
}

.align_center {
  text-align: center !important;
}

.fl_left {
  float: left;
}

.fl_right {
  float: right;
}

.txt_bold {
  font-weight: 700;
}

.txt_underline {
  border-bottom: 1px solid #000;
  color: #000;
}

.contents_width {
  position: relative;
  width: 1280px;
  margin: 0 auto;
}

/* margin & padding */
.ml20 {
  margin-left: 20px;
}

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt10_h {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt28 {
  margin-top: 28px !important;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt80 {
  margin-top: 80px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb80 {
  margin-bottom: 80px;
}

.mg-t5 {
  margin-top: 5px !important;
}

.weight5 {
  font-weight: 500;
  color: #000 !important;
}

.weight9 {
  font-weight: 900;
  color: #000 !important;
}

/* button */
.btn_container {
  margin-top: 40px;
  *zoom: 1;
  text-align: center;
}

.btn_container:after {
  content: "";
  display: block;
  clear: both;
}

.btn_container>* {
  margin-left: 8px;
}

.btn_container>*:first-child {
  margin-left: 0;
}

.btn {
  display: inline-block;
  height: 40px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  border: 0 none;
  background: transparent;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 38px;
}

.blue {
  background: #00397f;
  color: #fff;
  text-align: center;
}

.list {
  height: 50px;
  padding-left: 75px;
  padding-right: 50px;
  font-weight: 400;
  border: 1px solid #ddd;
  background: url("/images/front/icon_list.png") no-repeat 50px center;
  line-height: 48px;
}

.link,
a.link {
  position: relative;
  width: 160px;
  height: 36px;
  padding-left: 12px;
  font-size: 12px;
  font-weight: 700;
  background: #efefef;
  color: #999;
  line-height: 36px;
}

.link:after {
  content: "";
  display: block;
  position: absolute;
  right: 6px;
  bottom: 6px;
  width: 0;
  height: 0;
  border-bottom: 6px solid #666;
  border-left: 6px solid transparent;
}

.copy {
  height: auto;
  padding-left: 20px;
  font-size: 13px;
  font-weight: 400;
  background: url("/images/front/icon_link.png") no-repeat 0 center;
  color: #777;
  line-height: normal;
}

.copy:hover {
  background-image: url("/images/front/icon_link_on.png");
  color: #000;
}

.close {
  width: 40px;
  height: 40px;
  border: 1px solid #000;
  background: #f5f5f5 url("/images/front/icon_sb_close.png") no-repeat center center;
  text-indent: -9999px;
}

.gnb_open {
  width: 70px;
  height: 70px;
  background: url("/images/front/icon_menu.png") no-repeat center center;
  text-indent: -9999px;
}

.sub_pg_open {
  position: relative;
  top: -3px;
  width: 40px;
  height: 40px;
  margin-left: 4px;
  border: 1px solid #72d6ca;
  background: #fff url("/images/front/icon_sb_menu.png") no-repeat center center;
  text-indent: -9999px;
  vertical-align: middle;
}

.plus_minus li {
  float: left;
}

.plus_minus li button {
  width: 30px;
  height: 30px;
  margin-left: -1px;
  border: 1px solid #ddd;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
}

.plus_minus li .plus {
  background-image: url("/images/front/icon_plus.png");
}

.plus_minus li .minus {
  background-image: url("/images/front/icon_minus.gif");
}

.page_top {
  display: none;
  position: fixed;
  bottom: 30px;
  left: 50%;
  margin-left: 540px;
  width: 50px;
  height: 50px;
  border: 1px solid #ddd;
  background: #fff url("/images/front/icon_pg_up.png") no-repeat center center;
  text-indent: -9999px;
}

.word {
  width: 540px;
  height: 70px;
  padding-left: 20px;
  font-size: 15px;
  font-weight: 700;
  border: 1px solid #1259a1;
  background: #007ac2 url("/images/front/icon_word.png") no-repeat 150px center;
  color: #fff;
  line-height: 68px;
  box-sizing: border-box;
}

.power {
  width: 540px;
  height: 70px;
  padding-left: 20px;
  font-size: 15px;
  font-weight: 700;
  border: 1px solid #0ca4b1;
  background: #27bfcc url("/images/front/icon_power.png") no-repeat 130px center;
  color: #fff;
  line-height: 68px;
  box-sizing: border-box;
}

.swc {
  width: 1150px;
  height: 70px;
  padding-left: 20px;
  font-size: 15px;
  font-weight: 700;
  border: 1px solid #1259a1;
  background: #007ac2;
  color: #fff;
  line-height: 68px;
  box-sizing: border-box;
}

.more {
  width: 40px;
  height: 40px;
  background: url("/images/front/icon_more.png") no-repeat center center;
  text-indent: -9999px;
}

.recruitement-link {
  background-color: #007ac2;
  border: 1px solid #1259a1;
  color: #fff;
  font-size: 15px;
  height: 50px;
  width: 180px;
  margin-top: 10px;
}

/* icon */
.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  text-indent: -9999px;
}

.icon.home {
  background-image: url("/images/front/icon_home.png");
}

.icon.search {
  width: 15px;
  height: 15px;
  margin-right: 8px;
  background-image: url("/images/front/icon_search.png");
}

.icon.noti {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-image: url("/images/front/icon_noti.png");
}

/* text */
.txt_round {
  display: inline-block;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 50px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  box-sizing: border-box;
}

.txt_round.green {
  background: #49b71a;
}

.txt_round.yl_green {
  background: #61ba46;
}

.txt_round.rg_blue {
  background: #3575bd;
}

.txt_round.red {
  background: #ec4e4e;
}

.txt_round.bl_green {
  background: #24b0a9;
}

.txt_round.blue {
  background: #00397f;
}

.txt_link {
  border-bottom: 1px solid #007ac2;
  color: #007ac2 !important;
}

.txt_gray {
  color: #aaa;
}

.txt_black {
  color: #000;
}

.txt_noti {
  font-size: 13px;
  font-weight: 700;
  color: #999;
  text-align: center;
}

.txt_underline {
  border-bottom: 1px solid #000;
  color: #000;
}

.txt_bg_line {
  position: relative;
  display: inline-block;
}

.txt_bg_line:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 10px;
  background: #f2f235;
  z-index: -1;
}

/* input, select, textarea */
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="email"],
textarea,
select {
  height: 40px;
  padding: 0 12px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  border: 1px solid #ddd;
  background: #fff;
  line-height: 40px;
  box-sizing: border-box;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
}

textarea {
  height: auto;
  padding: 8px;
  line-height: 1.6;
  resize: none;
}

input::-ms-input-placeholder {
  color: #000;
}

input::-webkit-input-placeholder {
  color: #000;
}

input::-moz-placeholder {
  color: #000;
}

input::placeholder {
  color: #000;
}

.input_innerbtn {
  position: relative;
}

.input_innerbtn input {
  width: 100%;
  padding-right: 70px;
  box-sizing: border-box;
}

.input_innerbtn .btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
}

.search_container {
  *zoom: 1;
}

.search_container:after {
  content: "";
  display: block;
  clear: both;
}

.search_container>* {
  float: left;
}

.search_container .select {
  width: 30%;
}

.search_container .input_innerbtn {
  width: calc(70% - 4px);
  margin-left: 4px;
}

/* plug in - select2 */
.select2-container--default .select2-selection--single {
  height: 40px;
  border-radius: 0;
  border: 1px solid #ddd;
  background-color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 12px;
  padding-right: 30px;
  font-size: 14px;
  line-height: 38px;
  color: #000;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 30px;
  height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 0 none;
  height: 6px;
  width: 10px;
  margin-left: -5px;
  margin-top: -2px;
  background: url("/images/front/icon_slt_arr.png") no-repeat 0 0;
}

.select2-dropdown {
  border-color: #ddd;
  border-radius: 0;
}

.select2-results__option {
  padding: 12px;
  font-size: 14px;
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #f1f3f6;
  color: #2a2c32;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #f1f3f6;
  color: #2a2c32;
}

.white_select .select2-container--default .select2-selection--single {
  background-color: #fff;
}

/* plug in - swiper */
.swiper-container {
  max-width: 1920px;
  height: 670px;
  margin: 0 auto;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}

.swiper-button-next,
.swiper-button-prev {
  top: auto;
  bottom: 10px;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  background-size: auto;
}

.swiper-button-next {
  left: calc(50% + 240px);
  background-image: url("/images/front/btn_slide_right.png");
}

.swiper-button-next:after {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  top: 50%;
  width: 1px;
  height: 50px;
  margin-top: -25px;
  background: rgba(255, 255, 255, .2);
}

.swiper-button-prev {
  left: calc(50% + 140px);
  background-image: url("/images/front/btn_slide_left.png");
}

.swiper-pagination {
  text-align: left;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
  padding-left: 34px;
  left: 50%;
  top: 70%;
  bottom: auto;
  width: 1250px;
  margin-left: -625px;
  box-sizing: border-box;
  z-index: 200;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 14px 0 0;
}

.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #fff;
  opacity: 1;
  vertical-align: middle;
}

.swiper-pagination-bullet-active {
  width: 32px;
  height: 4px;
  border-radius: 50px;
  border: 4px solid #fff;
  background: transparent;
}

/* dropdown list */
.dropdown_list {
  width: 98%;
  padding: 0 20px;
  border: 1px solid #72d6ca;
  border-top: 1px solid #fff;
  background: #fff;
  box-sizing: border-box;
}

.dropdown_list li {
  border-top: 1px solid #eee;
}

.dropdown_list li:first-child {
  border-top: 0 none;
}

.dropdown_list li a {
  display: block;
  min-height: 50px;
  padding: 18px 0;
  font-size: 14px;
  font-weight: 300;
  color: #777;
  box-sizing: border-box;
}

.dropdown_list li.on a,
.dropdown_list li a:hover {
  font-weight: bolder;
  text-decoration: underline;
  color: #333;
}

.link_dropdown {
  display: none;
  position: absolute;
  left: 0;
  bottom: 40px;
  z-index: 10;
}

.link_dropdown li a {
  display: block;
  width: 160px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  border-top: 1px solid #e0e0e0;
  background: #efefef;
  text-align: left;
  color: #999;
  box-sizing: border-box;
}

.link_dropdown li:first-child a {
  border-top: 0 none;
}

.link_dropdown li a:hover {
  background: #e6e6e6;
  color: #000;
}

.drop_box {
  position: relative;
}

.drop_box .btn {
  text-align: left;
}

.drop_box .btn.open+.link_dropdown {
  display: block;
}

/* inline list */
.inline_list {
  display: inline-block;
}

.inline_list li {
  float: left;
  padding: 0 14px;
  font-size: 12px;
  border-left: 1px solid #cfcfcf;
  line-height: 1;
}

.inline_list li:first-child {
  padding-left: 0;
  border-left: 0 none;
}

.inline_list.slash li {
  position: relative;
  padding: 0 10px;
  font-size: 12px;
  border-left: 0 none;
  color: #777;
}

.inline_list.slash li:after {
  content: "/";
  display: block;
  position: absolute;
  left: -2px;
  top: 0;
}

.inline_list.slash li:first-child:after {
  display: none;
}

/* dic list */
.dic_list,
.dic_list_type2 {
  *zoom: 1;
}

.dic_list:after,
.dic_list_type2:after {
  content: "";
  display: block;
  clear: both;
}

.dic_list dt,
.dic_list dd {
  float: left;
  margin-top: 18px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
  word-break: keep-all;
}

.dic_list dt {
  width: 70px;
  color: #777;
}

.dic_list dd {
  width: 242px;
}

.dic_list_type2 dt,
.dic_list_type2 dd {
  float: left;
  margin-top: 80px;
  padding-top: 40px;
  word-break: keep-all;
}

.dic_list_type2 dt {
  width: 260px;
  font-size: 24px;
  font-weight: 900;
  border-top: 1px solid #00397f;
}

.dic_list_type2 dt .span_titST {
  font-weight: 300;
  font-size: 17px;
  display: block;
  line-height: 24px;
}

.dic_list_type2 dd {
  width: 920px;
  padding-left: 38px;
  font-size: 16px;
  font-weight: 300;
  border-top: 1px solid #ddd;
  color: #777;
  line-height: 1.8;
  box-sizing: border-box;
}

.dic_list_type2.gray dt {
  border-color: #ddd;
}

/* number list */
.num_list>li {
  position: relative;
  padding-left: 20px;
  margin-top: 10px;
  line-height: 1.6;
  word-break: keep-all;
}

.num_list>li:first-child {
  margin-top: 0;
}

.num_list>li:after {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.num_list>li:nth-child(1):after {
  content: "①";
}

.num_list>li:nth-child(2):after {
  content: "②";
}

.num_list>li:nth-child(3):after {
  content: "③";
}

.num_list>li:nth-child(4):after {
  content: "④";
}

.num_list>li:nth-child(5):after {
  content: "⑤";
}

.num_list>li:nth-child(6):after {
  content: "⑥";
}

.num_list>li:nth-child(7):after {
  content: "⑦";
}

.num_list>li:nth-child(8):after {
  content: "⑧";
}

.num_list>li:nth-child(9):after {
  content: "⑨";
}

.num_list>li:nth-child(10):after {
  content: "⑩";
}

.num_list.type2>li:nth-child(1):after {
  content: "1.";
}

.num_list.type2>li:nth-child(2):after {
  content: "2.";
}

.num_list.type2>li:nth-child(3):after {
  content: "3.";
}

.num_list.type2>li:nth-child(4):after {
  content: "4.";
}

.num_list.type3>li:nth-child(1):after {
  content: "1)";
}

.num_list.type3>li:nth-child(2):after {
  content: "2)";
}

.num_list.type3>li:nth-child(3):after {
  content: "3)";
}

.num_list.type3>li:nth-child(4):after {
  content: "4)";
}

.num_list.type2>li,
.num_list.type3>li {
  margin-top: 0;
}

.num_list.sub>li {
  margin-top: 0;
  font-size: 13px;
  font-weight: 400;
  color: #aaa;
}

/* nunber list bold */
.num_list_bold>li {
  font-weight: 700;
  color: #777;
  line-height: 1.8;
}

.num_list_bold>li span {
  margin-right: 4px;
  color: #00397f;
}

/* profile list */
.profile_list li {
  float: left;
  width: 190px;
  margin-left: 40px;
  margin-top: 40px;
}

.profile_list li:nth-child(4n+1) {
  margin-left: 0;
}

.profile_list li:nth-child(1),
.profile_list li:nth-child(2),
.profile_list li:nth-child(3),
.profile_list li:nth-child(4) {
  margin-top: 0;
}

.profile_list li img {
  display: block;
  width: 190px;
  height: 230px;
}

.profile_list li figcaption {
  padding: 20px 0;
  font-size: 16px;
  font-weight: 300;
  border: 1px solid #ddd;
  background: #fff;
  color: #777;
  text-align: center;
}

/* image list */
.img_list {
  margin-bottom: 40px;
}

.img_list li {
  float: left;
  width: 260px;
  margin-left: 50px;
  margin-top: 40px;
}

.img_list li:nth-child(3n+1) {
  margin-left: 0;
}

.img_list li img {
  display: block;
  width: 260px;
  height: 180px;
}

.img_list.size2 li img {
  display: block;
  width: 260px;
  height: 243px !important;
}

.img_list li figcaption {
  padding: 10px 0 0;
  font-size: 12px;
  color: #aaa;
  height: 30px;
}

.img_list.img4-6 li:nth-child(1) {
  width: unset;
}

.img_list.img4-6 li:nth-child(2) {
  width: unset;
  float: left;
  margin-left: 40px;
}

.img_list.img4-6 li img {
  width: unset;
  height: unset;
}

.img_list.new-img1 {
  margin-bottom: 20px;
}

.img_list.new-img1 li {
  float: left;
}

.img_list.new-img1 li:nth-child(1) {
  width: unset;
}

.img_list.new-img1 li:nth-child(2) {
  width: unset;
  float: left;
  margin-left: 40px;
}

.img_list.new-img1 li:nth-child(3) {
  width: unset;
  float: left;
  margin-left: 40px;
}

.img_list.new-img1 li .txt-lineH {
  line-height: 14px;
  margin-top: 2px;
}

.img_list.new-img1 li img {
  width: unset;
  height: unset;
}


.figcaption_txt {
  padding: 10px 0 0;
  font-size: 12px;
  color: #aaa;
  height: 30px;
}

.img_list.small li {
  width: 190px;
  margin-left: 40px;
}

.img_list.small li:nth-child(4n+1) {
  margin-left: 0;
}

.img_list.small img {
  width: 190px;
  height: 140px;
}

.img_list.full li,
.img_list.full li img {
  width: 100%;
}

.img_list.full li:first-child {
  margin-top: 0;
}

.mg-btN {
  margin-bottom: 0;
}

.txt-GRN {
  color: #33AC84;
  font-weight: bold;
}

.txt-PPL {
  color: #746AF4;
  font-weight: bold;
}

.txt-GRY {
  color: #828689;
  font-size: 13px;
  padding-left: 20px;
}

.txt-gryST {
  font-size: 13px;
}

.list_none li {
  width: unset;
  height: unset;
}

.list_none li img {
  width: unset;
  height: unset;
}

.new-imgst li:nth-child(1) {
  margin-left: 0;
  margin-top: 0;
}

.new-imgst li:nth-child(2) {
  margin-top: 0;
}

.new-imgst li:nth-child(3) {
  margin-left: 0;
}

.new-imgst li:nth-child(4) {
  margin-left: 50px;
}

.new-imgst2 li:nth-child(1) {
  margin-top: 0;
}

.new-imgst2 li img {
  height: 440px;
}

.li-blank {
  height: 220px;
}

.margin-Tn li {
  margin-top: 0;
}

/* dash list */
.dash_list li {
  position: relative;
  padding-left: 12px;
}

.dash_list li:after {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}

/* dotted list */
.dot_list li {
  position: relative;
  padding-left: 12px;
}

.dot_list li:after {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}

/* underline list */
.underline_list li span {
  display: inline-block;
  font-size: 13px;
  border-bottom: 1px solid #eee;
  color: #aaa;
  line-height: 1.4;
}

/* circle icon list */
.circle_icon_list li {
  position: relative;
  padding-left: 30px;
  font-weight: 400;
  color: #000;
}

.circle_icon_list li:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
}

.circle_icon_list.emergency li:after {
  background-image: url("/images/front/icon_emergency.png");
}

/* footer */
.footer_container {
  min-width: 1280px;
  background: #00397f;
  letter-spacing: 0;
}

.footer_container .inline_list {
  position: absolute;
  right: 50px;
  bottom: 40px;
}

.footer_container .inline_list li {
  border-color: #5d8bca;
}

.footer_container .inline_list li:last-child {
  padding-right: 0;
}

.footer_container .inline_list li a {
  color: #5d8bca;
}

.foot_address {
  padding: 90px 50px 40px;
  font-size: 12px;
  font-style: normal;
  color: #5d8bca;
  line-height: 1.6;
}

.foot_address .txt_bold {
  color: #555;
}

.foot_logo {
  position: absolute;
  left: 50px;
  top: 30px;
}

.foot_btn_link {
  position: absolute;
  right: 50px;
  top: 32px;
}

.foot_btn_link .link {
  width: 170px;
  background: #0b4892;
  color: #fff;
}

.foot_btn_link .link:after {
  border-bottom: 6px solid #5d8bca;
}

.foot_btn_link .drop_box {
  float: left;
}

.foot_btn_link .drop_box:first-child {
  margin-right: 10px;
}

.foot_btn_link .link_dropdown li a {
  width: 170px;
  border-color: #395d8e;
  background: #0b4892;
  color: #6a9edd;
}

.link_dropdown li a:hover {
  background: #033b7e;
  color: #fff;
}

/* header */
.header_container {
  position: relative;
}

.header_top {
  background: url("/images/front/bg_header.gif") repeat-x center center;
}

.header_top .contents_width {
  height: 110px;
}

.logo,
.header_top .inline_list {
  position: absolute;
  z-index: 100;
}

.logo {
  top: 23px;
  left: 20px;
}

.logo a {
  display: block;
  width: 276px;
  height: 60px;
  background: url("/images/front/img_logo.png") no-repeat center center;
  text-indent: -9999px;
}

.header_top .inline_list {
  right: 50px;
  top: 50%;
  margin-top: -6px;
}

.header_top .inline_list li:last-child {
  padding-right: 0;
}

.header_top .inline_list li {
  border-color: #fff;
}

.header_top .inline_list li a {
  text-transform: uppercase;
  color: #fff;
}

/* navigation */
.navigation_container {
  border-bottom: 1px solid #00397f;
}

.navigation_container .gnb_open {
  position: absolute;
  right: 35px;
  top: 0;
}

.navigation {
  padding: 0 20px;
}

.navigation>li {
  float: left;
  width: 155px;
  box-sizing: border-box;
}

.navigation>li:nth-child(6) {
  width: 220px;
}

.navigation>li>a {
  display: block;
  padding: 24px 0 24px 20px;
  font-size: 20px;
  font-weight: 700;
  color: #00397f;
}

.navigation>li>ul {
  display: none;
}

.all_open_link {
  display: none;
  position: absolute;
  right: 59px;
  bottom: 40px;
}

.all_open_link .txt_list {
  margin-bottom: 30px;
}

.all_open_link .txt_list>li {
  margin-top: 20px;
}

.all_open_link .txt_list>li:first-child {
  margin-top: 0;
}

.all_open_link .txt_list>li a {
  display: block;
  font-size: 12px;
  font-weight: 500;
  text-align: right;
  color: #999;
}

.all_open_link .btn {
  display: block;
}

.all_open_link .drop_box:last-child {
  margin-top: 14px;
}

.navigation>li.on>a {
  color: #fff;
  background: #00397f;
}

.navigation>li.on>ul {
  display: block;
  position: absolute;
  left: 25px;
  top: 71px;
  z-index: 210;
}

.navigation>li.third.on>ul {
  left: 330px;
}

.navigation>li.fourth.on>ul {
  left: 490px;
}

.navigation>li.fifth.on>ul {
  left: 645px;
}

.navigation>li:nth-child(6).on>ul {
  left: 800px;
}

.navigation>li:nth-child(7).on>ul {
  left: 1020px;
}

/* .navigation > li.seven.on > ul {left: 985px;} */
.navigation>li.on>ul>li {
  float: left;
}

.navigation>li.on>ul>li a {
  display: block;
  padding: 17px 16px;
  font-size: 14px;
  font-weight: 700;
  color: #5d8bca;
}

.navigation>li>ul>li a:hover,
.navigation>li.on>ul>li.on a {
  color: #fff;
}

.bg_gnb_sub.on.index-active {
  position: absolute;
  /* top: 71px; */
  left: 0;
  width: 100%;
  z-index: 10;
}

.bg_gnb_sub.on {
  /*position: absolute; left: 0; bottom: -50px; width: 100%;*/
  height: 50px;
  background: #00397f;
  z-index: 200;
}

/* header 진료과목 영역에 과 추가로 2줄로 노출되는 이슈 */
.navigation>li.medicine-nav.active.on~.bg_gnb_sub,
.navigation>li.medicine-nav.on~.bg_gnb_sub,
.navigation>li.medicine-nav.active~.bg_gnb_sub {
  height: 100px !important;
}

/* navigation - all open */
.gnb_dim {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 57, 127, .9);
  z-index: 100;
}

.gnb_active .header_container {
  padding-top: 190px;
}

.gnb_active .header_top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 200;
}

.gnb_active .navigation_container {
  position: absolute;
  left: 0;
  top: 110px;
  width: 100%;
  background: #fff;
  z-index: 200;
}

.gnb_active .navigation_container .bg_gnb_sub {
  display: none;
}

.gnb_active .navigation_container .navigation {
  padding-left: 50px;
  margin-right: 48px;
  border-right: 1px solid #ddd;
}

.gnb_active .navigation_container .navigation>li {
  width: 190px;
  height: 711px;
  border-left: 1px solid #ddd;
}

.gnb_active .navigation_container .navigation>li:nth-child(1) {
  width: 170px;
}

.gnb_active .navigation_container .navigation>li:nth-child(3) {
  width: 145px;
}

.gnb_active .navigation_container .navigation>li:nth-child(4) {
  width: 145px;
}

.gnb_active .navigation_container .navigation>li:nth-child(5) {
  width: 160px;
}

.gnb_active .navigation_container .navigation>li:nth-child(7) {
  width: 150px;
}

.gnb_active .navigation_container .navigation>li>a {
  color: #000;
}

.gnb_active .navigation_container .navigation>li.on>a {
  background: transparent;
}

.gnb_active .navigation_container .navigation>li>ul {
  display: block;
  padding: 20px 20px 100px;
}

.gnb_active .navigation_container .navigation>li.on>ul {
  position: static;
}

.gnb_active .navigation_container .navigation>li.on>ul>li {
  float: none;
}

.gnb_active .navigation_container .navigation>li>ul>li a,
.gnb_active .navigation_container .navigation>li.on>ul>li a {
  display: block;
  padding: 12px 0;
  font-size: 14px;
  font-weight: 700;
  color: #999;
}

.gnb_active .navigation_container .navigation>li>ul>li a:hover,
.gnb_active .navigation_container .navigation>li.on>ul>li.on a {
  color: #000;
  text-decoration: underline;
}

.gnb_active .all_open_link {
  display: block;
}

.gnb_active .gnb_open {
  right: -22px;
  background-image: url("/images/front/icon_close.png");
}

/* table */
.tb_view_th_blue th,
.tb_view_th_blue td {
  padding: 10px 0;
  font-weight: 700;
}

.tb_view_th_blue th {
  border-top: 1px solid #029bde;
  border-bottom: 1px solid #029bde;
  color: #000;
  text-align: left;
  vertical-align: top;
}

.tb_view_th_blue td {
  padding-left: 40px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #777;
}

.tb_terms th,
.tb_terms td {
  height: 50px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 700p;
  border: 1px solid #ddd;
  text-align: center;
  color: #777;
  box-sizing: border-box;
}

.tb_terms th {
  background: #f5f5f5;
  color: #444;
}

.tb_terms.type02 th,
.tb_terms.type02 td {
  text-align: left;
}

.tb_terms.type02 th {
  font-size: 16px;
}

.tb_terms.type02 td {
  padding: 16px 20px;
  font-size: 13px;
  font-weight: 400;
}

.tb_terms.type03 td {
  padding: 16px 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  word-break: keep-all;
}

.tb_terms.type03.lh2 td {
  line-height: 2;
}

/* sub page - common */
.contents_container {
  min-width: 1280px;
}

/*.sub_page_container {padding-top: 50px;}*/
.sub_bar {
  padding: 26px 0;
  border-bottom: 1px solid #72d6ca;
  background: #fff;
}

.sub_bar.hgt_st {
  height: 24.05px;
}

.sub_bar .copy {
  position: absolute;
  right: 124px;
  top: 50%;
  margin-top: -9px;
}

.sub_bar .plus_minus {
  position: absolute;
  right: 50px;
  top: 50%;
  margin-top: -15px;
}

.page_navigation {
  display: inline-block;
  padding-left: 50px;
}

.page_navigation>li {
  position: relative;
  float: left;
  border-right: 1px solid #ddd;
  background: url("/images/front/icon_arr_down_gray.png") no-repeat 90% center;
}

.page_navigation>li:first-child {
  padding-right: 20px;
  padding-left: 0;
  background: none;
}

.page_navigation>li button {
  min-width: 210px;
  padding: 0 120px 0 20px;
  font-size: 15px;
  font-weight: 300;
  text-align: left;
  color: #777;
}

.page_navigation>li.now button {
  color: #000;
  font-weight: bolder;
}

.page_navigation .dropdown_list {
  position: absolute;
  right: 1%;
  top: 50px;
  z-index: 10;
}

.sub_contents_container {
  position: relative;
  min-height: 680px;
  padding-bottom: 200px;
  background: url("/images/front/bg_contents.gif") repeat-x center 0;
}

.sub_contents_tit {
  padding: 80px 0 60px;
  font-size: 44px;
  letter-spacing: -1px;
  text-align: center;
}

.sub_contents_tit .tit {
  position: relative;
  display: inline-block;
}

.sub_contents_tit .sub {
  display: block;
  margin-top: 10px;
  margin-left: -20px;
  font-size: 15px;
  color: #777;
  line-height: 1.6;
}

.sub_title_link {
  display: none;
  position: absolute;
  right: -301px;
  top: 9px;
  width: 302px;
  box-shadow: 5px 5px 0 rgba(0, 0, 0, .2) !important;
  z-index: 10;
}

.sub_title_link ul {
  border: 1px solid #000;
  background: #fff;
}

.sub_title_link ul li {
  float: left;
  width: 150px;
  height: 38px;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}

.sub_title_link ul li:nth-child(3n+1) {
  border-left: 0 none;
}

.sub_title_link ul li:nth-last-child(1),
.sub_title_link ul li:nth-last-child(2),
.sub_title_link ul li:nth-last-child(3) {
  border-bottom: 0 none;
}

/* .sub_title_link ul li:nth-child(odd) {border-left: 0 none;}
.sub_title_link ul li:nth-last-child(-n+2) {border-bottom: 0 none;} */

.sub_title_link ul li a {
  display: block;
  height: 100%;
  font-size: 13px;
  font-weight: 700;
  color: #aaa;
  text-align: center;
  line-height: 38px;
}

.sub_title_link ul li.on a {
  color: #000;
}

.sub_title_link .btn {
  position: absolute;
  left: -39px;
  top: 0;
}

.sub_title_link.type01 {
  width: 152px;
  right: -151px;
}

.sub_title_link.type02 {
  width: 302px;
  right: -302px;
}

.tit_line {
  font-size: 30px;
  border-bottom: 1px solid #ddd;
}

.tit_line span {
  display: inline-block;
  padding-bottom: 24px;
  margin-bottom: -1px;
  border-bottom: 1px solid #00397f;
}

.tit_line .sub-tit {
  border-bottom: 0;
  font-size: 17px;
  font-weight: 300;
  margin-left: 10px;
}

.img_cnt_container {
  padding: 0 50px;
}

.img_cnt_container .img {
  margin-bottom: 80px;
}

.img_cnt_container .btn_container {
  padding: 0 40px;
}

.img_cnt_container .btn_container .word {
  float: left;
}

.img_cnt_container .btn_container .power {
  float: right;
}

.img_cnt_container.new-tab_inCNT {
  padding: 0 50px;
}

.img2_cnt_hd {
  background-color: #003980;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 30px;
  box-sizing: border-box;
  margin-bottom: 80px;
}

.img2_cnt_hd .lt_img {
  width: 375.21px;
}

.img2_cnt_hd .rt_txt {
  color: #fff;
  font-size: 40px;
  text-align: right;
}

.img2_cnt_hd .rt_txt .tit b {
  color: #FFC000;
}

.img2_cnt_hd .rt_txt .date_txt {
  font-size: 21px;
  margin-top: 20px;
}

.tel_box {
  margin: 50px 40px 0;
  border: 1px solid #ddd;
  *zoom: 1;
}

.tel_box:after {
  content: "";
  display: block;
  clear: both;
  font-weight: 700;
}

.tel_box .tit,
.tel_box .txt {
  float: left;
  padding: 24px 0;
  font-size: 18px;
  font-weight: 700;
}

.tel_box .tit {
  width: 200px;
  border-right: 1px solid #ddd;
  box-sizing: border-box;
  text-align: center;
  color: #777;
}

.tel_box .txt {
  width: 898px;
  padding-left: 20px;
  box-sizing: border-box;
}

.img_contents {
  text-align: center;
}

.img_contents img {
  max-width: 100%;
}

.img_tit_cnt .tit {
  margin-bottom: 20px;
  font-size: 16px;
  color: #111;
}

.img_tit_cnt .tit.mg-bt0 {
  margin-bottom: 0;
}

.img_tit_cnt .img_list li:nth-child(1),
.img_tit_cnt .img_list li:nth-child(2),
.img_tit_cnt .img_list li:nth-child(3) {
  margin-top: 0;
}

.tit_cnt .tit {
  margin-bottom: 12px;
  color: #111;
}

.tit_name li {
  margin-top: 10px;
  *zoom: 1;
}

.tit_name li:after {
  content: "";
  display: block;
  clear: both;
}

.tit_name li:first-child {
  margin-top: 0;
}

.tit_name .tit,
.tit_name .txt {
  float: left;
  font-weight: 700;
}

.tit_name .tit {
  width: 105px;
  color: #000;
}

.tit_name .txt {
  width: calc(100% - 100px);
  color: #777;
}

.list_be {
  position: relative;
}

.list_be li {
  padding-left: 12px;
  line-height: 1.8;
}

.list_be li:before {
  content: '-';
  position: absolute;
  left: 0;
}

/* board list */
.board_container {
  padding: 0 50px;
}

.board_list {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.board_list li a {
  position: relative;
  display: block;
  height: 100px;
  padding: 38px 160px 38px 0;
  font-size: 20px;
  font-weight: 300;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
}

.board_list li:first-child a {
  border-top: 0 none;
}

.board_list li a>* {
  vertical-align: middle;
}

.board_list li a .important {
  position: relative;
  top: 2px;
  margin-right: 8px;
}

.board_list li a .tit {
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.board_list li a:hover .tit {
  font-weight: 700;
  border-bottom: 1px solid #000;
}

.board_list .inline_list {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
}

.board_list .inline_list .view {
  padding-left: 30px;
  background: url("/images/front/icon_view.png") no-repeat 10px center;
}

.board_list .inline_list .file button {
  width: 10px;
  height: 12px;
  background: url("/images/front/icon_file.png") no-repeat center center;
  text-indent: -9999px;
}

/* board detail */
.board_tit {
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd;
}

.board_tit .tit {
  padding: 24px 30px;
  font-size: 20px;
}

.board_tit .sub {
  padding: 0 30px 24px;
}

.board_tit .sub .name {
  float: right;
  font-size: 12px;
  color: #777;
}

.board_tit .inline_list li:first-child {
  padding-left: 0;
}

.board_tit .inline_list .view {
  padding-left: 30px;
  background: url("/images/front/icon_view.png") no-repeat 10px center;
}

.board_tit .inline_list .file button {
  padding-left: 16px;
  background: url("/images/front/icon_file.png") no-repeat 0 center;
  color: #777;
}

.board_main {
  line-height: 2;
}

.board_main {
  padding: 40px 30px 100px;
  font-weight: 300;
  border-bottom: 1px solid #000;
}

.board_main img {
  max-width: 100%;
}

/* paging */
/*.paging {text-align: center;}*/
.paging ul {
  display: inline-block;
  text-align: center;
}

.paging ul li {
  float: left;
  margin-left: 4px;
}

.paging ul li:first-child {
  margin-left: 0;
}

.paging ul li a {
  display: block;
  width: 40px;
  height: 40px;
  font-size: 14px;
  border: 1px solid #ddd;
  cursor: pointer;
  line-height: 38px;
  box-sizing: border-box;
}

.paging ul li.active a {
  border-color: #000;
}

.paging ul .btn {
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
}

.paging ul .double_prev {
  background-image: url("/images/front/icon_pg_d_prev.png");
}

.paging ul .prev {
  background-image: url("/images/front/icon_pg_prev.png");
}

.paging ul .next {
  background-image: url("/images/front/icon_pg_next.png");
}

.paging ul .double_next {
  background-image: url("/images/front/icon_pg_d_next.png");
}

/* board footer */
.board_foot {
  position: relative;
  margin-top: 40px;
  padding-right: 510px;
}

.board_foot .search_container {
  position: absolute;
  right: 0px;
  bottom: 0;
  width: 440px;
}

/* file download list */
.file_list {
  padding: 20px 30px 40px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.file_list>li {
  position: relative;
  float: left;
  width: 265px;
  height: 200px;
  margin-top: 20px;
  margin-left: 20px;
  padding-bottom: 50px;
  border: 1px solid #ccc;
  background: #fff;
  box-sizing: border-box;
}

.file_list>li:nth-child(4n+1) {
  margin-left: 0;
}

.file_list>li .tit {
  display: -webkit-box;
  height: 48px;
  margin: 24px 24px 30px;
  font-size: 24px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file_list>li .file {
  padding-left: 16px;
  margin: 0 24px 24px;
  font-size: 12px;
  background: url("/images/front/icon_file.png") no-repeat 0 center;
  color: #777;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.file_list>li .btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  padding-left: 20px;
  font-size: 14px;
  border-top: 1px solid #e5e5e5;
  background: #f5f5f5 url("/images/front/icon_download.png") no-repeat 80px center;
  line-height: 48px;
  text-align: center;
}

.file_list>li:hover {
  border-color: #00397f;
}

.file_list>li:hover .btn {
  border-color: #00397f;
  background-color: #00397f;
  background-image: url("/images/front/icon_download_white.png");
  color: #fff;
}

/* tooltip_tit_list */
.tooltip_tit_list>li {
  float: left;
  width: 340px;
  margin-right: 40px;
}

.tooltip_tit_list>li:first-child {
  margin-left: 40px;
}

.tooltip_tit_list>.li_list_Cont {
  margin: 50px 0 0 40px;
}

.tooltip_tit_list>.li_list_LastCont {
  margin: 10px 0 0 40px;
  background: #000;
  font-size: 14px;
  padding: 7px 10px;
  color: #fff;
}

.tooltip_tit_list .tit_line img {
  display: block;
  margin-bottom: 20px;
}

.tooltip_tit_list .dic_list {
  padding-top: 10px;
}

.tooltip_tit_list .intxt:before {
  content: "";
  background: url(/images/front/icon_txticon.png) no-repeat;
  width: 20px;
  height: 14px;
  display: inline-block;
  background-size: 19px;
}

.tooltip_tit_list .txt {
  margin-top: 28px;
  word-break: keep-all;
}

.tooltip_tit_list .txt2:nth-child(2) {
  margin-top: 28px;
}

.tooltip_tit_list .txt2 {
  margin-top: 15px;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.8;
  color: #003980;
  word-break: keep-all;
}

.tooltip_tit_list .txt3 {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
  color: #777;
  word-break: keep-all;
}

.tooltip_tit_list .txt4 {
  margin-top: 7px;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.8;
  color: #777;
  word-break: keep-all;
}

.tooltip_tit_list .txt2 span {
  font-size: 15px;
  margin-left: 5px;
}

.tooltip_tit_list .cnt {
  margin-top: 28px;
  font-weight: 300;
  color: #555;
  line-height: 1.8;
}

.tooltip_tit_list.one>li {
  float: none;
  width: auto;
}

.li_list_Cont .box-list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 28px;
}

.li_list_Cont .box-list li {
  text-align: center;
}

.li_list_Cont .box-list li:nth-child(odd) {
  width: 25%;
  padding: 30px;
  box-sizing: border-box;
  border: 1px solid #00397F;
  border-radius: 15px;
  word-break: keep-all;
}

.li_list_Cont .box-list li:nth-child(even) {
  width: 12.5%;
}

.li_list_Cont .box-list li:nth-child(even) img {
  width: 30px;
}

.li_list_Cont .box-list li.line3 {
  padding: 20.8px 30px;
}

.txt-sp {
  margin-top: 7px;
  display: block;
}

.light-sp {
  font-weight: 400;
}

.stap-box {
  display: flex;
  justify-content: space-between;
  color: #fff;
  text-align: center;
  margin-top: 7px;
}

.stap-box:after {
  content: none;
}

.stap-box li {
  width: 23%;
  position: relative;
  padding: 15px 0;
  border-radius: 7px;
}

.stap-box li:after {
  content: '';
  position: absolute;
  right: -30px;
  top: 50%;
  background: url("/images/front/check-arrow.png") no-repeat center;
  width: 30px;
  height: 30px;
  background-size: 100%;
  z-index: 9;
  transform: translate(0, -50%);
}

.stap-box li:nth-child(1) {
  background: #225F7E;
}

.stap-box li:nth-child(2) {
  background: #2875A0;
}

.stap-box li:nth-child(3) {
  background: #5088B0;
}

.stap-box li:nth-child(4) {
  background: #8EA0AF;
}

.stap-box li:nth-child(4)::after {
  content: none;
}

/* tab */
.page_tab li {
  float: left;
  width: calc((100% + 6px) / 6);
  margin-left: -1px;
  box-sizing: border-box;
}

.page_tab li a {
  display: block;
  padding: 14px;
  font-size: 15px;
  font-weight: 300;
  border: 1px solid #72d6ca;
  background: #fff;
  text-align: center;
}

.page_tab li.active a {
  font-weight: 700;
  border-color: #092c56;
  background: #00397f;
  color: #fff;
}

.tab_container {
  padding: 0 50px;
}

.page_tab.two li {
  width: calc((100% + 2px) / 2);
}

.page_tab.three li {
  width: calc((100% + 2px) / 3);
}

.page_tab.four li {
  width: calc((100% + 4px) / 4);
}

.page_tab.five li {
  width: calc((100% + 5px) / 5);
  margin-left: -1px;
}

/* greeting */
.greeting {
  min-height: 800px;
  padding-top: 160px;
  padding-left: 50px;
  margin-top: -80px;
  font-size: 16px;
  background: url("/images/front/bg_greeting3.png") no-repeat right bottom;
  line-height: 1.8;
  box-sizing: border-box;
}

.greeting>.tit {
  font-size: 38px;
  margin-bottom: 40px;
  line-height: 1.2;
  letter-spacing: -1px;
}

.greeting>.sign {
  margin-top: 45px;
  line-height: 1.2;
}

.sign .tit {
  font-size: 13px;
  color: #aaa;
}

.sign .name {
  font-size: 24px;
  font-weight: 700;
}

/* history */
.history_main {
  position: relative;
  width: 320px;
  margin-top: 40px;
  padding-top: 50px;
  border-top: 1px solid #ddd;
}

.history_main:after {
  content: "";
  display: block;
  position: absolute;
  left: 124px;
  top: -6px;
  width: 12px;
  height: 12px;
  border: 2px solid #053d81;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
}

.history_main .tit {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 700;
}

.history_main .txt {
  font-size: 20px;
  line-height: 1.2;
  word-break: keep-all;
}

.history_main .sub {
  margin-top: 16px;
  font-size: 14px;
  color: #aaa
}

.history_list {
  padding: 0 50px;
}

.history_list li {
  float: left;
  margin-bottom: 40px;
  box-sizing: border-box;
}

.history_list li img {
  margin-left: 110px;
}

.history_list li .history_main {
  padding-left: 110px;
}

.history_list li:nth-child(3n+1) img {
  margin-left: 0;
}

.history_list li:nth-child(3n+1) .history_main {
  padding-left: 0;
}

.history_list li:nth-child(3n+1) .history_main:after {
  left: 14px;
}

/* contact us */
.map_img,
.address_container {
  padding: 0 50px;
}

.address_container {
  padding-top: 60px;
  *zoom: 1;
}

.address_container:after {
  content: "";
  display: block;
  clear: both;
}

.address_container .left {
  float: left;
  width: 560px;
}

.address_container .right {
  float: right;
  width: 560px;
}

.address_container li {
  margin-top: 34px;
}

.address_container .tit {
  margin-bottom: 20px;
}

.address_container .tit>.txt_round {
  margin-right: 10px;
}

.access {
  font-size: 14px;
  font-weight: 300;
  color: #777;
  line-height: 1.8;
  word-break: keep-all;
}

.access img {
  margin: 0 10px;
}

/* contact */
.tel_list {
  margin: 40px 50px 0;
  border-bottom: 1px solid #ddd;
}

.tel_list li {
  position: relative;
  float: left;
  width: 25%;
  height: 240px;
  padding: 50px 20px 70px;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
}

.tel_list li:after {
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  top: -30px;
  width: 50px;
  height: 60px;
  background: url("/images/front/icon_tooltip_plus.png") no-repeat center center;
}

.tel_list li.tel:after {
  background-image: url("/images/front/icon_tooltip_tel.png");
}

.tel_list .tit {
  margin-bottom: 34px;
  font-size: 30px;
}

.tel_list p {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
}

.tel_list p span {
  color: #777;
}

/* animal culture : 2019-05-13 */
.fig_grp_container {
  padding: 0 50px;
  margin-bottom: 40px;
  *zoom: 1;
}

.fig_grp_container:after {
  content: "";
  display: block;
  clear: both;
}

.fig_container {
  width: 560px;
}

.fig_container.left {
  float: left;
}

.fig_container.right {
  float: right;
}

.fig_container figcaption {
  margin: -16px 40px 16px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}

.fig_container .txt {
  margin: 0 40px;
  font-size: 14px;
  font-weight: 700;
  color: #777;
  line-height: 1.6;
  word-break: keep-all;
}

.accr_container {
  padding: 40px 50px 0;
}

.accr_container .btn_container {
  padding: 0 40px;
}

.accr_container .btn {
  width: 100%;
  height: 70px;
  font-size: 18px;
  border: 1px solid #1259a1;
  background: #007ac2;
  color: #fff;
  line-height: 68px;
  text-align: center;
}

.accr_container .btn>* {
  vertical-align: middle;
}

.accr_container .btn .icon.pen {
  margin-right: 5px;
  background: url("/images/front/icon_pen.png") no-repeat 0 center;
}

.accordion_list {
  padding: 0 40px;
}

.accordion_list li {
  margin-top: 10px;
  border: 1px solid #ddd;
}

.accordion_list li:first-child {
  margin-top: 0;
}

.accordion_list button {
  width: 100%;
  background: url("/images/front/icon_acc_down.png") no-repeat 98% center;
  text-align: left;
}

.accordion_list div {
  display: none;
  padding: 20px;
  font-size: 18px;
  border-top: 1px solid #ddd;
  background: #f4f4f4;
  color: #777;
  word-break: keep-all;
  line-height: 1.4;
}

.accordion_list li.on button {
  background-image: url("/images/front/icon_acc_up.png");
}

.accordion_list button .qst {
  display: inline-block;
  width: 120px;
  padding: 21px 0;
  font-family: "Barlow", "Noto Sans KR", sans-serif;
  font-size: 18px;
  background: #00397f;
  text-align: center;
  color: #fff;
}

.accordion_list button .txt {
  display: inline-block;
  padding: 20px;
  font-size: 18px;
}

/* checkout */
.txt-w400 {
  font-weight: 400;
}

.tooltip_tit_list .txt-tit-bold {
  margin-top: 0;
  font-weight: bold;
  font-size: 20px;
  color: #000;
  border-bottom: 4px solid #000;
  display: inline-block;
  line-height: 27px;
}

.tooltip_tit_list .sp_txt {
  font-size: 15px;
  margin-left: 7px;
  vertical-align: -5px;
}

.checktip-ul>li {
  margin: 50px 40px 0;
}

.check_imgcontbox {
  position: relative;
}

.donate_check {
  display: flex;
  justify-content: space-between;
}

.donate_check .txt-cont {
  letter-spacing: -1px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.donate_check .txt-cont .tit {
  font-size: 36px;
  font-weight: 500;
  color: 000;
}

.checktip-cont {
  margin: 50px 40px 0 !important;
}

.tooltip_tit_list .txt2.sub-txt1 {
  color: #777;
  padding-left: 25px;
  margin-top: 0;
}

.tooltip_tit_list .txt5 {
  font-size: 14px;
  font-weight: 700;
  color: #777;
  line-height: 21px;
  margin-top: 10px;
}

.tooltip_tit_list .txt6 {
  font-size: 13px;
  font-weight: 400;
  margin-top: 20px;
  line-height: 21px;
}

.tooltip_tit_list .txt6 li {
  color: #777;
  padding-left: 15px;
  position: relative;
  margin-bottom: 5px;
}

.tooltip_tit_list .txt6 li:last-child {
  margin-bottom: 0;
}

.tooltip_tit_list .txt6 li:before {
  content: '※';
  position: absolute;
  left: 0;
}

.dis-flx-box {
  margin-top: 28px;
  display: flex;
  justify-content: space-between;
}

.in-boxst1 {
  background: #DDDEE8;
  border-radius: 30px;
  padding: 25px;
  box-sizing: border-box;
}

.in-boxst2 {
  background: #e6e0cb;
  border-radius: 30px;
  padding: 25px;
  box-sizing: border-box;
}

.plus-box {
  text-align: center;
  display: flex;
  align-items: center;
}

.plus-box img {
  width: 45px;
}

.plus-txt {
  color: #2c7de0;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.12;
  text-align: center;
  margin-top: 20px;
}

.th-protxtbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.th-protxtbox:after {
  content: none !important;
}

.th-protxtbox .inbox-st {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  width: 49.5%;
  padding: 25px;
  box-sizing: border-box;
  color: #003980;
}

.th-protxtbox .inbox-st.bg1 {
  background: #D8E4F2;
}

.th-protxtbox .inbox-st.bg2 {
  background: #D9F1FA;
}

.th-protxtbox .inbox-st.bg3 {
  background: #E7E6F1;
}

.th-protxtbox .inbox-st.bg4 {
  background: #E9F5EC;
}

.th-protxtbox .inbox-st:nth-child(1) {
  margin-bottom: 10px;
}

.th-protxtbox .inbox-st:nth-child(2) {
  margin-bottom: 10px;
}

.th-protxtbox .inbox-st .sp-tit {
  font-size: 20px;
  font-weight: bold;
}

.th-protxtbox .inbox-st .middle-txtbox {
  width: 55%;
  text-align: center;
  font-size: 17px;
}

.th-protxtbox .inbox-st .middle-txtbox .middle-line {
  display: block;
  width: 100%;
  background: #003980;
  height: 1px;
  margin: 7px 0;
}

.th-protxtbox .inbox-st .sp-txt {
  font-weight: bold;
  font-size: 25px;
}


.checkout-TABLE {
  width: 100%;
  border: 1px solid #ddd;
  border-collapse: collapse;
  margin-top: 7px;
}

.checkout-TABLE th {
  color: #fff;
  background: #00397F;
  border-right: 1px solid #fff;
  border-top: 1px solid #00397F;
  padding: 10px 0;
  border-bottom: 1px solid #00397F;
}

.checkout-TABLE td {
  border: 1px solid #ddd;
  padding: 10px 0;
  text-align: center;
}

.checkout-TABLE td .sp-st1 {
  font-size: 12px;
  color: #4089CA;
  display: block;
}

.table_stN1 {
  width: 100%;
  border-collapse: collapse;
  margin-top: 28px;
  color: #666;
}

.table_stN1 th {
  color: #00397F;
  border-top: 3px solid #00397F;
  padding: 10px 0;
  border-bottom: 1px solid #777;
  border-right: 1px solid #ddd;
}

.table_stN1 th:last-child {
  border-right: 0;
}

.table_stN1 td {
  border: 1px solid #ddd;
  padding: 10px 0;
  text-align: center;
  word-break: keep-all;
}

.table_stN1 td:first-child {
  border-left: 0;
}

.table_stN1 td:last-child {
  border-right: 0;
}

.table_stN1 td .sp-st1 {
  font-size: 12px;
  color: #4089CA;
  display: block;
}

.medi_contbox {
  display: flex;
  justify-content: space-between;
}

.medi_contbox .txt-box {
  width: 65%;
  margin-top: 5px;
}

.medi_contbox .txt-box .txt {
  margin-top: 7px;
}

.medi_contbox img {
  width: 195px;
  margin-top: 10px;
}

/* donate */
.donate_container {
  padding: 0 40px;
  margin-top: 50px;
}

.donate_cnt {
  position: relative;
  *zoom: 1;
}

.donate_cnt:after {
  content: "";
  display: block;
  clear: both;
}

.donate_cnt .swiper-container {
  float: left;
}

.swiper-container.donate01,
.swiper-container.donate02 {
  width: 490px;
  min-width: auto;
  height: 340px;
}

.donate_cnt .swiper-container-horizontal>.swiper-pagination-bullets {
  top: auto;
  bottom: 18px;
  text-align: center;
}

.side_tit_cnt {
  position: absolute;
  left: 470px;
  top: 90px;
  z-index: 2;
  letter-spacing: -1px;
}

.side_tit_cnt .tit {
  font-size: 36px;
  font-weight: 500;
  color: 000;
}

.side_tit_cnt .txt {
  margin: 20px 0 0 60px;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  line-height: 1.8;
  word-break: keep-all;
}

.donate_cnt.type02 {
  margin-top: 80px;
  padding-left: 110px;
}

.donate_cnt.type02 .side_tit_cnt {
  left: 580px;
}

.donate_cnt_foot {
  position: relative;
  margin-top: 110px;
  padding-left: 210px;
}

.donate_cnt_foot .txt {
  position: relative;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.12;
}

.donate_cnt_foot .txt:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -70px;
  width: 0;
  height: 40px;
  border-left: 1px solid #2c7de0;
}

.donate_cnt_foot .txt.type02 {
  position: absolute;
  right: 0;
  bottom: 0;
}

.donate_cnt_foot .txt.type02:after {
  left: -70px;
  top: auto;
  bottom: 0;
  width: 40px;
  height: 0;
  border-left: 0 none;
  border-top: 1px solid #2c7de0;
}

.donate_cnt_foot .txt span {
  color: #2c7de0;
}

/* blood donate */
.blood_info_container {
  padding: 0 50px;
}

.blood_info_container .swiper-container {
  min-width: auto;
  height: auto;
}

.blood_info_container .swiper_bottom {
  height: 100px;
  margin-top: 40px;
  background: #2c7de0;
}

.blood_info_container .swiper-button-next,
.blood_info_container .swiper-button-prev {
  bottom: 0;
  background-color: #00397f;
}

.blood_info_container .swiper-button-next {
  right: 0;
  left: auto;
  background-image: url("/images/front/icon_arr_next.png");
}

.blood_info_container .swiper-button-next:after {
  display: none;
}

.blood_info_container .swiper-button-prev {
  left: 0;
  background-image: url("/images/front/icon_arr_prev.png");
}

.blood_info_container .swiper-button-next.swiper-button-disabled,
.blood_info_container .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.blood_info_container .swiper-button-next span,
.blood_info_container .swiper-button-prev span {
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 300px;
  margin-top: -9px;
  font-size: 16px;
  color: #fff;
}

.blood_info_container .swiper-button-next span {
  right: 120px;
  text-align: right;
}

.blood_info_container .swiper-button-prev span {
  left: 120px;
}

/* terms */
.terms_container {
  padding: 0 50px;
}

.terms_cnt {
  font-size: 14px;
  font-weight: 700;
  color: #777;
}

.terms_cnt_box {
  margin-top: 40px;
  line-height: 2;
  word-break: keep-all;
}

.terms_cnt_box .tit {
  margin-bottom: 10px;
  font-size: 18px;
  color: #000;
  line-height: 2;
}

.terms_cnt_box .txt_small {
  font-size: 13px;
  font-weight: 400;
}

.terms_cnt_box .dot_list,
.terms_cnt_box .num_list {
  margin: 16px 0 0 16px;
}

.terms_cnt_box .dot_list li,
.terms_cnt_box .num_list li {
  color: #444;
  line-height: 2;
}

.terms_cnt_box dl {
  margin-left: 14px;
}

.terms_cnt_box dt {
  margin-top: 14px;
  color: #444;
}

.terms_cnt_box dd {
  margin-top: 5px;
  padding-left: 14px;
}

.terms_cnt_box dd .dot_list {
  margin: 10px 0 0 0;
}

.terms_cnt_box dd .dot_list li {
  font-size: 13px;
  font-weight: 400;
  color: #777;
}

.terms_cnt_box dd .kor_list {
  background: #f5f6f7;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 400;
  padding: 7px 15px;
  margin-top: 10px;
}

.terms_cnt_box.type02 {
  padding-top: 40px;
  border-top: 1px solid #ddd;
}

.terms_cnt_box .n-txtST1 {
  color: #444;
}

.terms_cnt_box .n-sm-txt {
  color: #444;
  font-size: 13px;
  font-weight: 400;
}

.green_box {
  padding: 20px;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #72d6ca;
  text-align: center;
  color: #000;
}

.gray_box {
  font-weight: 400;
  padding: 12px 15px;
  margin-top: 20px;
  border: 1px solid #ddd;
  border-radius: 7px;
  line-height: 23px;
  color: #444;
  font-size: 13px;
}

.gray_box b {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}

/* index */
.swiper_tit {
  position: absolute;
  left: 50%;
  top: 16%;
  width: 365px;
  height: 270px;
  margin-left: -600px;
  background: url("/images/front/txt_slide_tit.png") no-repeat 0 0;
  z-index: 100;
  font-size: 0;
}

.swiper_tit img {
  position: relative;
  left: 65px;
  top: 10px;
}

.square_container {
  position: relative;
  width: 1190px;
  margin: 0 auto;
}

.img_main_slide_01 {
  width: 100%;
  height: 100%;
  background: url("/images/front/img_main_slide_01.jpg") no-repeat center center;
  background-size: cover;
}

.img_main_slide_02 {
  width: 100%;
  height: 100%;
  background: url("/images/front/img_main_slide_02.jpg") no-repeat center center;
  background-size: cover;
}

.img_main_slide_03 {
  width: 100%;
  height: 100%;
  background: url("/images/front/img_main_slide_03.jpg") no-repeat center center;
  background-size: cover;
}

.img_main_slide_04 {
  width: 100%;
  height: 100%;
  background: url("/images/front/img_main_slide_04.jpg") no-repeat center center;
  background-size: cover;
}

.square_list li {
  position: absolute;
  width: 230px;
  height: 210px;
  padding: 30px 0;
  background-repeat: no-repeat;
  background-position: center 110px;
  text-align: center;
  box-sizing: border-box;
  z-index: 50;
}

.square_list li a {
  display: block;
  width: 100%;
  height: 100%;
}

.square_list .tit {
  font-size: 24px;
}

.square_list .txt {
  margin-top: 8px;
  font-size: 12px;
}

.square_list .squere01 {
  left: 480px;
  top: -330px;
  background-color: #00397f;
  background-image: url("/images/front/icon_square_04.png");
}

.square_list .squere01 .tit {
  color: #fff;
}

.square_list .squere01 .txt {
  color: #9ca9c2;
}

.square_list .squere02 {
  left: 720px;
  top: -330px;
  background-color: #dcdcdc;
  background-image: url("/images/front/icon_square_05.png");
}

.square_list .squere02 .tit {
  color: #000;
}

.square_list .squere02 .txt {
  color: #929292;
}

.square_list .squere03 {
  right: 0;
  top: -330px;
  background-color: #007ac2;
  background-image: url("/images/front/icon_square_06.png");
}

.square_list .squere03 .tit {
  color: #fff;
}

.square_list .squere03 .txt {
  color: #9cc0e0;
}

.square_list .squere04 {
  left: 0;
  top: -110px;
  background-color: #c5cb54;
  background-image: url("/images/front/icon_square_01.png");
}

.square_list .squere04 .tit {
  color: #000;
}

.square_list .squere04 .txt {
  color: #7c8032;
}

.square_list .squere05 {
  left: 240px;
  top: -110px;
  background-color: #02478e;
  background-image: url("/images/front/icon_square_02.png");
}

.square_list .squere05 .tit {
  color: #fff;
}

.square_list .squere05 .txt {
  color: #8ea1c1;
}

.square_list .squere06 {
  left: 480px;
  top: -110px;
  background-color: #c7d20f;
  background-image: url("/images/front/icon_square_03.png");
}

.square_list .squere06 .tit {
  color: #000;
}

.square_list .squere07 {
  right: 0;
  top: -110px;
  background-color: #0160a8;
  background-image: url("/images/front/icon_square_07.png");
}

.square_list .squere07 .tit {
  color: #fff;
}

.square_list .squere07 .txt {
  color: #9db6d3;
}

.index_bottom {
  padding: 160px 0 80px;
  background: #f4f4f4;
  *zoom: 1;
}

.index_bottom:after {
  content: "";
  display: block;
  clear: both;
}

.notice_container {
  float: left;
  position: relative;
  width: 670px;
  height: 270px;
  margin-left: 45px;
  padding: 24px 40px;
  background: #fff;
  box-sizing: border-box;
}

.notice_container:after {
  content: "";
  display: block;
  position: absolute;
  left: -100px;
  top: 0;
  width: 100px;
  height: 100px;
  background: #00397f url("/images/front/icon_note.png") no-repeat center center;
}

.notice_container .btn {
  position: absolute;
  right: 30px;
  top: 24px;
}

.notice_list {
  height: 100%;
  overflow: hidden;
}

.notice_list li {
  line-height: 1.8;
  *zoom: 1;
}

.notice_list li:after {
  content: "";
  display: block;
  clear: both;
}

.notice_list li a {
  float: left;
  display: block;
  width: 85%;
  font-size: 16px;
  font-weight: 300;
  color: #777;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.notice_list li .date {
  float: left;
  display: block;
  width: 15%;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 300;
  color: #999;
  text-align: right;
}

.notice_list li:first-child {
  margin-bottom: 20px;
}

.notice_list li:first-child a {
  float: none;
  display: -webkit-box;
  font-size: 28px;
  font-weight: 700;
  color: #000;
  line-height: 42px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.notice_list li:first-child .date {
  float: none;
  width: auto;
  margin-top: 16px;
  text-align: left;
}

.notice_list li a span {
  position: relative;
}

.notice_list li a:hover span {
  border-bottom: 1px solid #76eef8;
}

/*.notice_list li a:hover span:after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #76eef8;}*/
.video_container {
  position: relative;
  width: 480px;
  height: 270px;
  margin-right: 45px;
  float: right;
}

.video_container:after {
  content: "";
  display: block;
  position: absolute;
  right: -100px;
  top: 0;
  width: 100px;
  height: 100px;
  background: #00397f url("/images/front/icon_camera.png") no-repeat center center;
}


/*230427*/
/*------medicine-------*/
.subcont_tit {
  color: #00397f;
  font-size: 16px;
  font-weight: 600;
  margin-top: 50px;
}

.subcont_list-ul {
  display: flex;
  flex-wrap: wrap;
  font-weight: 700;
  color: #777;
}

.subcont_list-ul li {
  width: 20%;
  line-height: 31px;
  font-size: 14px;
}

.subcont_list-ul2 {
  margin-top: 5px;
}

.subcont_list-ul2 li {
  line-height: 31px;
  font-size: 14px;
}

.subcont_list-ul3 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}

.subcont_list-ul3 li {
  width: 50%;
  line-height: 31px;
  font-size: 14px;
}

.subcont_list-ul4 {
  display: flex;
  flex-wrap: wrap;
  font-weight: 700;
  color: #777;
}

.subcont_list-ul4 li {
  width: 100%;
  line-height: 31px;
  font-size: 14px;
}

.txt_st1 {
  font-size: 16px;
  letter-spacing: 0;
  font-weight: normal;
  margin-top: 20px;
}

.orthopedics_recruitmentTABLE {
  width: 100%;
  border: 1px solid #ddd;
  border-collapse: collapse;
  margin-top: 15px;
}

.orthopedics_recruitmentTABLE th {
  color: #fff;
  background: #00397F;
  border-right: 1px solid #fff;
  border-top: 1px solid #00397F;
  padding: 10px 0;
  border-bottom: 1px solid #00397F;
}

.orthopedics_recruitmentTABLE th:first-child {
  background: none;
  border: 1px solid #ddd;
  border-right: 1px solid #00397F;
}

.orthopedics_recruitmentTABLE th:nth-child(2) {
  border-bottom: 1px solid #00397F;
}

.orthopedics_recruitmentTABLE th:last-child {
  border-right: 1px solid #00397F;
}

.orthopedics_recruitmentTABLE td {
  border: 1px solid #ddd;
  padding: 10px 0;
  text-align: center;
}

.orthopedics_recruitmentTABLE td:first-child {
  color: #00397F;
  font-weight: 500;
}

.orthopedics_recruitmentTABLE td img {
  vertical-align: -4px;
}

.li_list_Cont .link_txt {
  display: table;
  color: #fff;
  background: #00397F;
  padding: 7px 45px 7px 20px;
  letter-spacing: -0.5px;
  margin: 2px 0;
  position: relative;
  font-weight: 300;
  font-size: 19px;
  margin-top: 15px;
}

.li_list_Cont .link_txt:after {
  content: '';
  background: #00397F url(/images/front/icon_go.png) no-repeat 0 center;
  width: 23px;
  height: 17px;
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 16px;
}

/* 레이어 팝업 */
body.layer-popup-open {
  overflow-x: auto;
}

.layer-popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  justify-content: flex-start;
  padding: 100px 45px;
}

.layer-popup-overlay.active {
  display: flex;
}

.layer-popup-wrap {
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 95%;
  max-height: 90%;
}

.layer-popup {
  position: relative;
  background: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  flex-shrink: 0;
}

.layer-popup-content {
  overflow: auto;
}

.layer-popup-content img {
  display: block;
  max-width: 100%;
  height: auto;
}

.layer-popup-buttons {
  display: flex;
  background: #4d4d4d;
}

.layer-popup-buttons button {
  flex: 1;
  padding: 12px 20px;
  border: none;
  background: #4d4d4d;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s;
}

.layer-popup-buttons button:hover {
  background: #666;
}

.layer-popup-buttons button:first-child {
  border-right: 1px solid #666;
}