@charset "UTF-8";
@import url("common.css");
@import url("contents.css");

/*-------------------------------------------------
title       : 서브
Author      : 플랜아이 광주
Create date : 2020-03-03
-------------------------------------------------*/
.main_wrap {
  width: 160rem;
  max-width: calc(100% - 2rem);
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative;
  margin-top: -5.5rem;
  margin-bottom: 12rem;
}

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

body {
  overflow: inherit;
}

#visual {
  display: none;
}

.topbanner {
  display: none !important;
}

#header:before {
  height: 11.5rem;
  background: #fff;
  border-bottom: 1px solid #F2F2F2;
}

#header #gnb1>ul>li>a {
  color: #222;
}

#header .site {
  color: #222;
}

#header #gnb2 .control,
#header .search .control {
  color: #222;
}

/*#header #logo a {
  background: url("/www/img/layout/logo_h.png") no-repeat left top/contain;
}*/
/*#header #logo a img {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
}*/
#header #logo a img.wt {
  display: none;
}

#header #logo a img.bk {
  display: block;
}

#header.fix.active #gnb1>ul>li>a:after {
  bottom: 0;
}

#footer {
  border-top: 1px solid #E8E8E8;
  z-index: 1;
}

#snb {
  width: 26rem;
  padding: 3.2rem 2.5rem;
  border: 1px solid #E2E2E2;
  z-index: 1;
  float: right;
  margin-top: 8.8rem;
  position: relative;
  z-index: 2;
  background: #fff;
}

#snb .title {
  font-size: 2.5rem;
  line-height: 1.3;
  color: #151515;
  font-weight: 700;
  text-transform: uppercase;
}

#snb .linkWindow:after {
  color: #151515;
}

#snb .linkWindow:hover,
#snb .linkWindow:focus {
  color: #151515;
}

#snb .list {
  overflow: hidden;
}

#snb .list>ul {
  margin-top: 2rem;
}

#snb .list>ul>li>a {
  display: block;
  position: relative;
  color: #151515;
  font-size: 1.6rem;
  line-height: 1.375;
  font-weight: 500;
  padding-right: 2.5rem;
}

#snb .list>ul>li.type1>a::after {
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  font-family: "remixicon";
  font-size: 1.4rem;
  right: 0;
  color: #151515;
  content: "\ea4e";
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  text-align: center;
  line-height: 2rem;
  top: 1px;
}

#snb .list>ul>li+li {
  margin-top: 1.8rem;
}

#snb .list>ul>li.active.type1>a::after {
  content: "\ea78";
  color: #fff;
  background: #151515;
}

#snb .list>ul>li.active>ul {
  visibility: visible;
  overflow: visible;
  width: auto;
  height: auto;
  opacity: 1;
  padding: 0.8rem 1rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#snb .list>ul>li.active>a {
  font-weight: 700;
  text-decoration: underline;
}

#snb .list>ul>li>ul {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  display: block !important;
  padding: 0 1rem;
}

#snb .list>ul>li>ul li+li {
  margin-top: 1rem;
}

#snb .list>ul>li>ul .active a {
  font-weight: 600;
  color: #151515;
  text-decoration: underline;
}

#snb .list>ul>li>ul a {
  display: block;
  color: #666666;
  font-size: 1.4rem;
  line-height: 1.25;
}

#snb .list>ul>li>ul a:hover,
#snb .list>ul>li>ul a:focus {
  text-decoration: underline;
}

#snb.type2 {
  background: rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 255, 255, 0.2);
}

#snb.type2 .title {
  color: #fff;
}

#snb.type2 .list>ul>li.type1>a:after {
  color: #fff;
}

#snb.type2 .list>ul>li.type1.active>a:after {
  color: #151515;
  background: #fff;
}

#snb.type2 .list>ul>li>a {
  color: #fff;
}

#snb.type2 .list>ul>li ul a {
  color: #fff;
  opacity: 0.8;
}

#snb.type2 .linkWindow:after {
  color: #fff;
}

#snb.fix {
  position: fixed;
  right: 50%;
  margin-right: -80rem;
  top: 5rem;
}

#snb.fixbot {
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
}

#contents {
  width: 100%;
  padding-right: 36rem;
  padding-top: 8.8rem;
  outline: 0;
  position: relative;
}

#contents.type2 {
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
}

#contents.type2 .faculty_view {
  width: 100rem;
  margin: auto;
  position: relative;
  padding-top: 2rem;
  max-width: 100%;
}

#contents.type2 .faculty_view .back_btn {
  position: absolute;
  right: 0;
  top: -5rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #151515;
  text-transform: uppercase;
  padding-left: 3rem;
}

#contents.type2 .faculty_view .information {
  position: relative;
  z-index: 0;
  padding-bottom: 6rem;
}

#contents.type2 .faculty_view .information:after {
  display: block;
  clear: both;
  content: "";
}

#contents.type2 .faculty_view .information:before {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  width: 1000%;
  height: 100%;
  margin-left: -500%;
  content: "";
  background: #F6F6F7;
  top: -23.4rem;
  height: calc(100% + 23.4rem);
}

#contents.type2 .faculty_view .information>* {
  display: inline-block;
  vertical-align: bottom;
}

#contents.type2 .faculty_view .information .img {
  overflow: hidden;
  position: relative;
  width: 304px;
  height: 0;
  padding-top: 38rem;
}

#contents.type2 .faculty_view .information .img img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

#contents.type2 .faculty_view .information .img strong {
  position: absolute;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  background: rgba(19, 123, 68, 0.8);
  color: #fff;
  font-weight: 700;
  display: block;
  width: 100%;
  text-align: center;
  padding: 1.25rem 1rem;
}

#contents.type2 .faculty_view .information .desc {
  padding-left: 7.4rem;
  width: calc(100% - 312px);
}

#contents.type2 .faculty_view .information .desc .name {
  font-size: 6.2rem;
  line-height: 1.5483870968;
  font-weight: 700;
  color: #151515;
  margin: 1.8rem 0 1.4rem;
}

#contents.type2 .faculty_view .information .desc li {
  font-size: 1.8rem;
  font-weight: 400;
  position: relative;
  padding-left: 3rem;
}

#contents.type2 .faculty_view .information .desc li:before {
  position: absolute;
  left: 0;
  top: 4px;
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

#contents.type2 .faculty_view .information .desc li.info {
  color: #137B44;
}

#contents.type2 .faculty_view .information .desc li.info:before {
  background-image: url("../img/sub/info_icon1.png");
}

#contents.type2 .faculty_view .information .desc li.location:before {
  background-image: url("../img/sub/info_icon2.png");
}

#contents.type2 .faculty_view .information .desc li.call:before {
  background-image: url("../img/sub/info_icon3.png");
}

#contents.type2 .faculty_view .information .desc li.mail:before {
  background-image: url("../img/sub/info_icon4.png");
}

#contents.type2 .faculty_view .information .desc li+li {
  margin-top: 1.4rem;
}

#contents.type2 .faculty_view .information .desc li a:hover,
#contents.type2 .faculty_view .information .desc li a:focus {
  text-decoration: underline;
}

#contents.type2 .faculty_view .information .desc .btn_wrap {
  margin-top: 4.8rem;
  display: table;
  width: 100%;
}

#contents.type2 .faculty_view .information .desc .btn_wrap a {
  border: 2px solid #777;
  background: #fff;
  font-size: 1.8rem;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  padding: 0.85rem;
  color: #151515;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

#contents.type2 .faculty_view .information .desc .btn_wrap a:hover,
#contents.type2 .faculty_view .information .desc .btn_wrap a:focus {
  border-color: #151515;
  color: #fff;
  background: #151515;
}

#contents.type2 .faculty_view .information .desc .btn_wrap a.new_window {
  color: #137B44;
  border-color: #137B44;
}

#contents.type2 .faculty_view .information .desc .btn_wrap a.new_window:hover,
#contents.type2 .faculty_view .information .desc .btn_wrap a.new_window:focus {
  color: #fff;
  background: #137B44;
  border-color: #137B44;
}

#contents.type2 .faculty_view .information .desc .btn_wrap a.new_window span {
  position: relative;
  padding-right: 2.2rem;
}

#contents.type2 .faculty_view .information .desc .btn_wrap a.new_window span:after {
  position: absolute;
  top: 50%;
  left: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  font-family: "remixicon";
  content: "\f0f4";
}

#contents.type2 .faculty_view .information .desc .btn_wrap p {
  display: table-cell;
  padding-right: 0.8rem;
}

#contents.type2 .faculty_view .information .desc .btn_wrap p:last-child {
  width: auto;
  padding-right: 0;
}

#contents.type2 .faculty_view form .profile_upload {
  position: relative;
  background-color: #333;
  padding: 3.4rem 4.8rem;
}

#contents.type2 .faculty_view form .profile_upload>* {
  display: inline-block;
}

#contents.type2 .faculty_view form .profile_upload strong {
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  margin-right: 2.8rem;
  vertical-align: middle;
}

#contents.type2 .faculty_view form .profile_upload p {
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
  margin-right: 8rem;
}

#contents.type2 .faculty_view form .profile_upload p .delete {
  width: 2rem;
  height: 2rem;
  background-color: #fff;
  color: #333;
  border-radius: 100%;
  display: inline-block;
  margin-left: 0.6rem;
  text-align: center;
  line-height: 2rem;
  font-size: 1.2rem;
  font-weight: 800;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

#contents.type2 .faculty_view form .profile_upload p .delete:hover,
#contents.type2 .faculty_view form .profile_upload p .delete:focus {
  background-color: #137B44;
  color: #fff;
}

#contents.type2 .faculty_view form .profile_upload .btn {
  position: absolute;
  top: 50%;
  right: 4.8rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#contents.type2 .faculty_view form .profile_upload .btn .form_file {
  display: inline-block;
  width: 13rem;
  border: 1px solid #fff;
  color: #fff;
  height: inherit;
  line-height: inherit;
  vertical-align: middle;
  margin-right: 0.8rem;
}

#contents.type2 .faculty_view form .profile_upload .btn .form_file input {
  width: 100%;
  border: 1px solid #fff;
  color: #fff;
  height: 4.2rem;
  margin-top: inherit;
}

#contents.type2 .faculty_view form .profile_upload .btn .form_file em:after {
  content: "Upload";
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  font-size: 1.6rem;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#contents.type2 .faculty_view form .profile_upload .btn .form_file:hover em:after,
#contents.type2 .faculty_view form .profile_upload .btn .form_file:focus em:after {
  text-decoration: underline;
}

#contents.type2 .faculty_view form .profile_upload .btn button {
  display: inline-block;
  padding: 1rem;
  width: 13rem;
  border: 1px solid #fff;
  color: #fff;
}

#contents.type2 .faculty_view form .profile_upload .btn button+button {
  margin-left: 0.8rem;
}

#contents.type2 .faculty_view form .profile_upload .btn button.type2 {
  background-color: #137B44;
  border: 0;
  right: 4.8rem;
}

#contents.type2 .faculty_view form .profile_upload .btn button:hover,
#contents.type2 .faculty_view form .profile_upload .btn button:focus {
  text-decoration: underline;
}

#contents.type2 .faculty_view .board_btns {
  margin-top: 6rem;
}
/*************** 서브페이지 메인 배경이미지 ***********************************************************/
#contents.type3 {
  padding-right: 0 !important;
}

#contents.type3 .contents_util {
  position: relative;
  height: calc(100vh - 8.8rem - 18.4rem);
}

#contents.type3 .contents_util::after {
  content: "";
  position: absolute;
  top: -8.8rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
  height: calc(100% + 8.8rem);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
/*************** //서브페이지 메인 배경이미지 ***********************************************************/
#contents.type3 .contents_util .util {
  top: -6rem;
}

#contents.type3 .contents_util .util>* {
  position: relative;
}

#contents.type3 .contents_util .util>*::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 28px;
  background-color: rgba(255, 255, 255, 0.2);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

#contents.type3 .contents_util .util>*:last-child::after {
  display: none;
}

#contents.type3 .contents_util .util .zoom>* {
  position: relative;
}

#contents.type3 .contents_util .util .zoom>*::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 28px;
  background-color: rgba(255, 255, 255, 0.2);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

#contents.type3 .contents_util .util .zoom>*:last-child::after {
  display: none;
}

#contents.type3 .contents_util .path {
  top: -5.8rem;
}

#contents.type3 .contents_util .path li a,
#contents.type3 .contents_util .path li:after,
#contents.type3 .contents_util .util .btn {
  color: rgba(255, 255, 255, 0.8);
}

#contents.type3 #contents_title {
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}

#contents.type3 #contents_body {
  width: calc(124rem + 36rem);
  margin: auto;
  max-width: 100%;
}

@media (max-width: 768px) {
  #contents.type3 #contents_body {
    width: 100%; /* 모바일에서는 너비를 100%로 설정 */
    padding: 0 1rem; /* 좌우 패딩 추가하여 여백 확보 */
    box-sizing: border-box; /* 패딩을 포함하여 전체 너비를 계산 */
  }
}


#contents_title {
  font-size: 7.6rem;
  line-height: 1.1315789474;
  font-weight: 900;
  color: #151515;
  margin-bottom: 12rem;
  width: 80%;
  word-break: keep-all;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  #contents_title {
    font-size: 3.6rem;
    line-height: 1.1315789474;
    margin-bottom: 12rem;
    width: 80%;
  }
}

.contents_util .path {
  position: absolute;
  left: 0;
  top: 2.8rem;
  z-index: 1;
}

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

.contents_util .path li {
  float: left;
  position: relative;
}

.contents_util .path li:after {
  display: inline-block;
  position: relative;
  top: 1px;
  font-family: "remixicon";
  vertical-align: top;
  content: "\ea6e";
  color: #aaa;
  margin: 0 1rem;
}

.contents_util .path li:last-child:after {
  display: none;
}

.contents_util .path li a {
  display: inline-block;
  position: relative;
  color: #888;
}

.contents_util .path li.icon a {
  width: 1.6rem;
  height: 2.2rem;
  line-height: 2.6rem;
  overflow: hidden;
}

.contents_util .path li.icon a:before {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "remixicon";
  text-align: center;
  line-height: inherit;
  content: "\ee1f";
}

.contents_util .util {
  position: absolute;
  right: 0;
  top: 2.8rem;
  z-index: 2;
}

.contents_util .util .btn {
  display: inline-block;
  overflow: hidden;
  width: 4rem;
  height: 4rem;
  color: #888;
  text-align: center;
  line-height: 4rem;
  vertical-align: top;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.contents_util .util .btn::before {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "remixicon";
  text-align: center;
  line-height: inherit;
  font-size: 2rem;
  font-weight: 400;
}

.contents_util .util .btn.print::before {
  content: "\f029";
}

.contents_util .util .btn.up::before {
  content: "\ea13";
}

.contents_util .util .btn.down::before {
  content: "\f1af";
}

.contents_util .util .btn.open::before {
  content: "\f0fe";
}

.contents_util .util .btn:hover,
.contents_util .util .btn:focus {
  border-color: #000;
  background-color: #000;
  color: #fff;
}

.contents_util .util .share {
  display: inline-block;
  position: relative;
  z-index: 1;
  vertical-align: top;
}

.contents_util .util .share .item {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  overflow: hidden;
  top: 100%;
  width: 6rem;
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid #ddd;
  background-color: #fff;
  white-space: nowrap;
}

.contents_util .util .share .item::before {
  position: absolute;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -0.3rem;
  width: 1rem;
  height: 1rem;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  content: "";
  -webkit-transform: rotate(45deg) translateX(-50%);
  transform: rotate(45deg) translateX(-50%);
}

.contents_util .util .share .item .list {
  display: block !important;
}

.contents_util .util .share .item a {
  display: block;
  overflow: hidden;
  width: 3rem;
  height: 3rem;
  margin-top: 1rem;
  text-align: center;
  line-height: 3rem;
}

.contents_util .util .share .item a::before {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "remixicon";
  text-align: center;
  line-height: inherit;
  font-size: 2rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.contents_util .util .share .item a.close::before {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.contents_util .util .share .item a.close:hover::before,
.contents_util .util .share .item a.close:focus::before {
  -webkit-transform: rotate(180deg) translateY(2px);
  transform: rotate(180deg) translateY(2px);
}

.contents_util .util .share .item a.close::before {
  content: "\eb99";
}

.contents_util .util .share .item a:hover::before,
.contents_util .util .share .item a:focus::before {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

.contents_util .util .share .item .facebook a::before {
  color: #29487d;
  content: "\ecbc";
}

.contents_util .util .share .item .twitter a::before {
  color: rgb(29, 161, 242);
  content: "\f23a";
}

.contents_util .util .share .item .kakaostory a::before {
  color: #ffc20f;
  content: "\ee6c";
}

.contents_util .util .share .item .kakaotalk a::before {
  color: #381e1f;
  content: "\ebee";
}

.contents_util .util .share .item .urlShare a::before {
  color: #ddd;
  content: "\f0fc";
}

.contents_util .util .share .item .band a::before {
  font-size: 2rem;
  font-family: "Poppins";
  font-weight: 900;
  color: #21c531;
  content: "b";
}

.contents_util .util .share.active .btn {
  border-color: #000;
  background-color: #000;
  color: #fff;
}

.contents_util .util .share.active .item {
  visibility: visible;
  overflow: visible;
  width: auto;
  height: auto;
  opacity: 1;
  margin-top: 1.5rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#snbtt {
  display: none;
}

.depth4_tab ul {
  display: table;
  width: calc(100% + 0px);
  table-layout: fixed;
  margin-bottom: 6rem;
}

.depth4_tab ul>* {
  display: table-cell;
  padding-right: 0px;
  vertical-align: middle;
}

.depth4_tab ul li+li {
  padding-left: 1.2rem;
}

.depth4_tab ul li span {
  position: relative;
}

.depth4_tab ul li span:before {
  position: absolute;
  top: 50%;
  left: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #137B44;
  opacity: 0;
}

.depth4_tab ul li.active a {
  border-color: #137B44;
  background-color: #137B44;
  font-weight: 700;
  color: #151515;
  border: 1px solid #151515;
  background: #fff;
}

.depth4_tab ul li.active a span {
  padding-left: 1.7rem;
}

.depth4_tab ul li.active a span:before {
  opacity: 1;
}

.depth4_tab ul a {
  display: block;
  padding: 1.4rem 0;
  text-align: center;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
}

#depth5_menu_ul {
  overflow: hidden;
  overflow-x: auto;
  margin: -3rem 0 5rem;
  padding-left: 1rem;
  border-bottom: 1px solid #ddd;
  white-space: nowrap;
}

#depth5_menu_ul li {
  display: inline;
  margin-right: 1rem;
}

#depth5_menu_ul li.active a {
  font-weight: 400;
  color: #137B44;
}

#depth5_menu_ul li.active a::before {
  width: 100%;
}

#depth5_menu_ul a {
  display: inline-block;
  overflow: hidden;
  position: relative;
  padding: 0 1rem 1.5rem;
  vertical-align: top;
}

#depth5_menu_ul a::before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0.3rem;
  background-color: #137B44;
  content: "";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#depth5_menu_ul a:hover::before,
#depth5_menu_ul a:focus::before {
  width: 100%;
}

.form_textbox {
  width: 100%;
  height: 4rem;
  max-height: 100%;
  padding: 0 1rem;
  border: 1px solid #ddd;
  text-align: left;
  vertical-align: top;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.form_textbox:focus {
  border-color: #000;
}

.form_radio {
  display: inline-block;
  position: relative;
  z-index: 0;
  margin-right: 2rem;
  padding-left: 2rem;
  vertical-align: top;
}

.form_radio input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.form_radio input:focus+label::before {
  outline: 1px dotted #000;
}

.form_radio input:checked+label::after {
  background-color: #137B44;
}

.form_radio label {
  cursor: pointer;
}

.form_radio label::before {
  position: absolute;
  left: 0;
  top: 0.5rem;
  z-index: -2;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
  border: 1px solid #ddd;
  background-color: #fff;
  content: "";
}

.form_radio label::after {
  position: absolute;
  left: 0.5rem;
  top: 1rem;
  z-index: -1;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  content: "";
}

.form_radio:last-child {
  margin-right: 0;
}

.img_tit.type2 {
  margin-bottom: 6.6rem;
  position: relative;
  overflow: hidden;
  color: #fff;
  font-size: 4.8rem;
  line-height: 1.25;
  padding: 6.8rem 45% 28rem 7.2rem;
  word-break: keep-all;
}

.img_tit.type2 p {
  font-size: 1.8rem;
  line-height: 1.6666666667;
  font-weight: 400;
  margin-top: 1.5rem;
}

.img_tit.type2 .img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.board_info {
  margin-bottom: 3rem;
  line-height: inherit;
}

.board_info form {
  float: none;
}

.board_info .form {
  width: 62rem !important;
  max-width: 100%;
  position: relative;
  float: none;
  margin-bottom: 3rem;
}

.board_info .form>* {
  padding-right: 2rem;
}

.board_info .form .item {
  width: 22rem;
}

.board_info .form .item.type1 {
  /*width: auto;
  width:calc(100% - 22rem);*/
  width: 40rem;
  position: relative;
}

.sub_a10201020300 .board_info .form .item button {
  right: -3rem;
}

.board_info .form .item button {
  text-transform: uppercase;
  position: absolute;
  right: 1.7rem;
  bottom: 0;
  font-weight: 700;
  background: transparent;
  border: 0;
  color: #151515;
  width: auto !important;
  height: 6rem;
  line-height: 6rem;
  font-size: 2rem;
}

.board_info .form .item button span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0 none;
  clip: rect(0, 0, 0, 0);
}

.board_info .form .item .form_select {
  height: 6rem;
  width: 100%;
}

.board_info .form .item .form_select select {
  border: 0;
  border-bottom: 4px solid #151515;
  height: 6rem;
  font-size: 1.8rem;
  font-weight: 400;
  padding-left: 0;
  background: transparent;
}

.board_info .form .item .form_textbox {
  border: 0;
  border-bottom: 4px solid #151515;
  height: 6rem;
  font-size: 1.8rem;
  padding-right: 5rem;
  background: transparent;
}

.board_info .form .item .form_textbox::-webkit-input-placeholder {
  color: #aaa;
}

.board_info .form .item .form_textbox::-moz-placeholder {
  color: #aaa;
}

.board_info .form .item .form_textbox:-ms-input-placeholder {
  color: #aaa;
}

.board_info .form .item .form_textbox::-ms-input-placeholder {
  color: #aaa;
}

.board_info .form .item .form_textbox::placeholder {
  color: #aaa;
}

.board_info .form .item .form_textbox:focus {
  background: #F2F2F2;
  color: #151515;
}

.board_info.type2 form {
  float: left;
}

.board_info.type2 .form {
  width: auto !important;
  margin-bottom: 6rem;
}

.board_info.type2 .page {
  float: none;
  clear: both;
}

.board_info.col3 form {
  float: none !important;
}

.board_info.col3 .form {
  width: 100% !important;
  max-width: 87rem !important;
}

.board_list .tstyle_list {
  border-top-color: #707070;
}

.board_list thead th {
  background: #F6F6F7;
}

.board_list {
  border: 1 !important;
}

.gallery_list.type2 li {
  width: 25%;
  border: none;
  padding: 3rem 4rem 3rem 0;
}

.gallery_list.type2 li:nth-child(3n+1) {
  clear: none;
}

.gallery_list.type2 li .thumb {
  padding-top: 34.3rem;
  border: 1px solid rgba(0, 0, 0, 0.03);
  background: transparent;
  margin-bottom: 0;
}

.gallery_list.type2 li .thumb:after {
  content: "Read More";
}

.gallery_list.type2 li a {
  display: block;
}

.gallery_list.type2 li a:hover .thumb,
.gallery_list.type2 li a:focus .thumb {
  background: #000;
}

.gallery_list.type2 li .desc {
  white-space: inherit;
  padding-top: 3rem;
  position: relative;
  height: 10rem;
}

.gallery_list.type2 li .desc p {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: #666;
  border-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.gallery_list.type2 li .position {
  position: absolute;
  left: 0;
  top: -2.6rem;
  padding: 1rem 1.8rem;
  color: #fff;
  background: #137B44;
  font-size: 1.4rem;
  font-weight: 700;
}

.gallery_list.type2 li .name {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  font-weight: 700;
  display: block;
}



.gallery_list.type3 li {
  width: 100%;
  border: none;
  padding: 3rem 4rem 3rem 0;
}

.gallery_list.type3 li:nth-child(3n+1) {
  clear: none;
}

.gallery_list.type3 li .thumb {
  padding-top: 34.3rem;
  border: 1px solid rgba(0, 0, 0, 0.03);
  background: transparent;
  margin-bottom: 0;
}

.gallery_list.type3 li .thumb:after {
  content: "Read More";
}

.gallery_list.type3 li a {
  display: block;
}

.gallery_list.type3 li a:hover .thumb,
.gallery_list.type3 li a:focus .thumb {
  background: #000;
}

.gallery_list.type3 li .desc {
  white-space: inherit;
  padding-top: 3rem;
  position: relative;
  height: 10rem;
}

.gallery_list.type3 li .desc p {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: #666;
  border-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.gallery_list.type3 li .position {
  position: absolute;
  left: 0;
  top: -2.6rem;
  padding: 1rem 1.8rem;
  color: #fff;
  background: #137B44;
  font-size: 1.4rem;
  font-weight: 700;
}


.gallery_list.type4 li .name {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  font-weight: 700;
  display: block;
}

.gallery_list.type4 li {
  width: 100%;
  border: none;
  padding: 3rem 4rem 3rem 0;
}

.gallery_list.type4 li:nth-child(3n+1) {
  clear: none;
}

.gallery_list.type4 li .thumb {
  padding-top: 34.3rem;
  border: 1px solid rgba(0, 0, 0, 0.03);
  background: transparent;
  margin-bottom: 0;
}

.gallery_list.type4 li .thumb:after {
  content: "Read More";
}

.gallery_list.type4 li a {
  display: block;
}

.gallery_list.type4 li a:hover .thumb,
.gallery_list.type4 li a:focus .thumb {
  background: #000;
}

.gallery_list.type4 li .desc {
  white-space: inherit;
  padding-top: 3rem;
  position: relative;
  height: 10rem;
}

.gallery_list.type4 li .desc p {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: #666;
  border-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.gallery_list.type4 li .position {
  position: absolute;
  left: 0;
  top: -2.6rem;
  padding: 1rem 1.8rem;
  color: #fff;
  background: #ed1c24;
  font-size: 1.4rem;
  font-weight: 700;
}


.gallery_list.type4 li .name {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  font-weight: 700;
  display: block;
}



.table_wrap {
  margin-top: 2.2rem;
  border-top: 1px solid #707070;
}

.table_wrap table {
  border-collapse: collapse;
}

.table_wrap th {
  background-color: #F6F6F7;
  color: #333;
  text-align: center;
  padding: 1.5rem 2rem;
  font-size: 1.8rem;
  font-weight: 600;
  border: 1px solid #e8e8e8;
  word-break: keep-all;
}

.table_wrap thead th:first-child {
  border-left: 0;
}

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

.table_wrap tbody {
  border-top: 0 none;
}

.table_wrap tbody td {
  padding: 1.4rem;
  text-align: center;
  border: 1px solid #e8e8e8;
  color: #333;
  font-weight: 400;
}

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

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

.year_area>a {
  font-size: 2rem;
  font-weight: 700;
}

.year_area div {
  margin: 0 4.5rem;
}

.year_area div strong {
  margin: 0 3rem;
  font-size: 3.4rem;
}

.year_area div .pre_year i,
.year_area div .next_year i {
  font-size: 3rem;
}

.year_area div .pre_year i:before,
.year_area div .next_year i:before {
  content: "\ea6e";
  opacity: 0.5;
}

.year_area div .pre_year:hover i:before,
.year_area div .pre_year:focus i:before,
.year_area div .next_year:hover i:before,
.year_area div .next_year:focus i:before {
  opacity: 1;
  content: "\ea6e";
}

.month_area {
  display: block;
  text-align: center;
  height: auto;
  padding: 2rem;
  background: #333;
}

.month_area a {
  display: inline-block;
  color: #fff;
  opacity: 0.8;
  width: auto;
  background: transparent;
  position: relative;
  padding: 0 2.4rem;
  height: 4rem;
  line-height: 4rem;
  z-index: 1;
  font-weight: 700;
}

.month_area a:before {
  background: #2FD37E;
  border-radius: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: -1;
}

.month_area a.active {
  opacity: 1;
  color: #333;
  background: transparent;
}

.month_area a.active:before {
  opacity: 1;
}

.blog_list .thumb {
  padding-top: 17rem !important;
  width: 28rem !important;
  margin-right: 6rem;
}

.blog_list .desc {
  width: calc(100% - 34rem) !important;
}

.blog_list .desc li+li {
  margin-top: 1rem;
}

.blog_list .desc li>* {
  display: inline-block;
  vertical-align: middle;
}

.blog_list .desc li>strong {
  position: relative;
  padding-left: 2.5rem;
  color: #137B44;
  font-weight: 600;
  width: 12rem;
}

.blog_list .desc li>strong::before {
  position: absolute;
  left: 0;
  top: 3px;
  content: "";
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.blog_list .desc li>span {
  width: calc(100% - 13rem);
  font-weight: 400;
}

.blog_list .desc li.date strong:before {
  background-image: url("../img/sub/info_icon5.png");
}

.blog_list .desc li.date .dday {
  padding: 1px 1rem;
  margin-left: 8px;
  font-size: 1.4rem;
  color: #137B44;
  border: 1px solid #137B44;
  border-radius: 15px;
}

.blog_list .desc li.location strong:before {
  background-image: url("../img/sub/info_icon2.png");
}

.blog_list .desc li .title p {
  margin-bottom: 1rem;
  font-size: 2.4rem;
  max-height: 7rem;
  font-weight: 700;
  color: #151515;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog_list .desc li .label {
  font-weight: 400;
  color: #000;
}

.blog_list .desc li .txt {
  display: block;
  overflow: hidden;
  height: 5.2rem;
  margin-bottom: 3rem;
  color: #666;
}

.blog_list .desc li .nodata {
  padding: 2rem;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.file_ac .group .label {
  padding: 2rem 3rem;
  font-size: 2rem;
  font-weight: 500;
}

.file_ac .group .label:before {
  display: none;
}

.file_ac .group .item:before,
.file_ac .group .item:after,
.file_ac .group .item .title {
  display: none;
}

.file_ac .group .list li a {
  display: block;
}

.file_ac .group .list li a i {
  display: inline-block;
  vertical-align: middle;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  border: 1px solid #aaa;
  background: #fff;
  border-radius: 50%;
  margin-right: 1.2rem;
  color: #151515;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.file_ac .group .list li a p {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 5.8rem);
  font-weight: 400;
  font-size: 1.8rem;
}

.file_ac .group .list li a:hover i,
.file_ac .group .list li a:focus i {
  background: #151515;
  border-color: #151515;
  color: #fff;
}

.file_ac .group .list li a:hover p,
.file_ac .group .list li a:focus p {
  text-decoration: underline;
}

.file_ac .group .list li+li {
  margin-top: 1.6rem;
}

.brochure {
  display: inline-block;
  width: 100%;
}

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

.brochure ul {
  display: flex;
  flex-wrap: wrap;
}

.brochure li {
  clear: none;
  float: left;
  width: 25%;
  padding-right: 3.8rem;
}

.brochure li:nth-child(3n+1) {
  clear: both;
}

.brochure .thumb {
  padding-bottom: 130%;
  width: 100%;
  height: 0;
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.brochure .thumb:before,
.brochure .thumb:after {
  position: absolute;
  top: 50%;
  left: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #fff;
}

.brochure .thumb::before {
  font-family: "remixicon";
  font-size: 3.2rem;
  content: "\ea13";
  line-height: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: -1rem;
  font-weight: 400;
}

.brochure .thumb::after {
  margin-top: 1rem;
  font-weight: 600;
  content: "Read More";
}

.brochure .thumb img {
  position: absolute;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.brochure .item>* {
  display: block;
  font-weight: 400;
}

.brochure .item .title {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  font-weight: 700;
  color: #151515;
  margin-top: 2.4rem;
}

.brochure a {
  display: block;
}

.brochure a:hover .thumb,
.brochure a:focus .thumb {
  background: #000;
}

.brochure a:hover .thumb:before,
.brochure a:hover .thumb:after,
.brochure a:focus .thumb:before,
.brochure a:focus .thumb:after {
  opacity: 1;
  -webkit-transition: rotate(0);
  transition: rotate(0);
  -webkit-transition: all 0.4s 0.1s;
  transition: all 0.4s 0.1s;
}

.brochure a:hover .thumb img,
.brochure a:focus .thumb img {
  opacity: 0.6;
}

.board_pdf .thumb {
  padding-top: 17.5rem;
}

.board_pdf .thumb img {
  position: absolute;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  width: 100%;
}

.board_pdf .label {
  display: none;
}

.board_pdf .btn a {
  width: auto;
  float: left !important;
  padding: 0 1.5rem;
}

.board_pdf .btn a i {
  display: none;
}

.board_pdf .btn a span {
  padding-left: 0;
}

.board_pdf .btn a+a {
  margin-left: 8px;
  border-color: #137B44;
}

.board_pdf .btn a+a span {
  color: #137B44;
}

.board_pdf .btn a+a:hover,
.board_pdf .btn a+a:focus {
  background: #137B44;
}

.board_pdf .btn a+a:hover span,
.board_pdf .btn a+a:focus span {
  color: #fff;
}

.student {
  border-bottom: 1px solid #151515 !important;
}

.student>li {
  border-top: 1px solid #ddd;
  padding: 4rem 0;
  position: relative;
}

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

.student>li .thumb {
  float: left;
  width: 15rem;
  padding-top: 17rem;
  position: relative;
  right: auto;
  outline-offset: -1px;
}

.student>li .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.student>li .desc {
  float: left;
  padding: 0 26.5rem 0 6rem;
  width: calc(100% - 15rem);
}

.student>li>a {
  position: absolute;
  right: 4.6rem;
}

.student>li .view {
  top: 5.9rem;
  font-size: 1.8rem;
  font-weight: 400;
  color: #151515;
  line-height: 1;
}

.student>li .view:hover,
.student>li .view:focus {
  text-decoration: underline;
}

.student>li .view:after {
  display: inline-block;
  font-family: "remixicon";
  content: "\ea6e";
  vertical-align: middle;
  margin-left: 4px;
}

.student>li .download {
  bottom: 4.6rem;
  height: 4.9rem;
  border: 2px solid #137B44;
  line-height: 4.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.8rem;
  display: inline-block;
  min-width: auto;
  padding: 0 4.4rem;
  background-color: #fff;
  color: #137B44;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 400;
}

.student>li .download:hover,
.student>li .download:focus {
  background-color: #137B44;
  color: #fff;
}

.student>li .download span:after {
  display: inline-block;
  font-family: "remixicon";
  content: "\ec5a";
  margin-left: 7px;
  vertical-align: middle;
}

.student>li .title strong {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  color: #151515;
  font-weight: 700;
  display: block;
  margin: 1.5rem 0 1.2rem;
}

.student>li .mail {
  font-size: 1.8rem;
  line-height: 1.7777777778;
  font-weight: 400;
  color: #666;
  text-decoration: underline;
  margin-bottom: 2.5rem;
}

.student>li .major,
.student>li .course {
  position: relative;
  padding-left: 2.7rem;
  text-align: left;
}

.student>li .major::before,
.student>li .course::before {
  position: absolute;
  left: 0;
  top: auto;
  content: "";
}

.student>li .major:after,
.student>li .course:after {
  display: block;
  clear: both;
  content: "";
}

.student>li .major:before,
.student>li .course:before {
  width: 2rem;
  height: 2rem;
  top: 3px;
}

.student>li .major strong,
.student>li .course strong {
  float: left;
  font-weight: 600;
  color: #137B44;
  min-width: 8rem;
}

.student>li .major span,
.student>li .course span {
  float: left;
  font-weight: 400;
  width: calc(100% - 15rem);
}

.student>li .major:before {
  background: url("../img/sub/info_icon1.png") no-repeat center/contain;
}

.student>li .course {
  margin-top: 1rem;
}

.student>li .course:before {
  background: url("../img/sub/info_icon6.png") no-repeat center/contain;
}

.student_view .information {
  position: relative;
  z-index: 0;
  padding-bottom: 6rem;
  margin-bottom: 6rem;
}

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

.student_view .information:before {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  width: 1000%;
  height: 100%;
  margin-left: -500%;
  content: "";
  background: #F6F6F7;
  top: -21.4rem;
  height: calc(100% + 21.4rem);
}

.student_view .information>* {
  float: left;
}

.student_view .information .thumb {
  overflow: hidden;
  position: relative;
  width: 304px;
  height: 0;
  padding-top: 38rem;
  display: block;
}

.student_view .information .thumb img {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  height: 100%;
}

.student_view .information .thumb strong {
  position: absolute;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  background: rgba(19, 123, 68, 0.8);
  color: #fff;
  font-weight: 700;
  display: block;
  width: 100%;
  text-align: center;
  padding: 1.25rem 1rem;
}

.student_view .information .desc {
  padding-left: 7.4rem;
  width: calc(100% - 304px);
}

.student_view .information .desc .name {
  font-size: 6.2rem;
  line-height: 1.5483870968;
  font-weight: 700;
  color: #151515;
  margin: 1.8rem 0 1.4rem;
}

.student_view .information .desc li {
  font-size: 1.8rem;
  font-weight: 400;
  position: relative;
  padding-left: 3rem;
}

.student_view .information .desc li:before {
  position: absolute;
  left: 0;
  top: 4px;
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

.student_view .information .desc li.info {
  color: #137B44;
}

.student_view .information .desc li.info:before {
  background-image: url("../img/sub/info_icon1.png");
}

.student_view .information .desc li.major:before {
  background: url("../img/sub/info_icon1.png") no-repeat center/contain;
}

.student_view .information .desc li.course:before {
  background: url("../img/sub/info_icon6.png") no-repeat center/contain;
}

.student_view .information .desc li.location:before {
  background-image: url("../img/sub/info_icon2.png");
}

.student_view .information .desc li.call:before {
  background-image: url("../img/sub/info_icon3.png");
}

.student_view .information .desc li.mail:before {
  background-image: url("../img/sub/info_icon4.png");
}

.student_view .information .desc li+li {
  margin-top: 1.4rem;
}

.student_view .information .desc li a:hover,
.student_view .information .desc li a:focus {
  text-decoration: underline;
}

.student_view .information .desc li strong {
  color: #137B44;
}

.student_view .information .desc .download {
  margin-top: 4.6rem;
  height: 4.9rem;
  border: 2px solid #137B44;
  line-height: 4.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.8rem;
  display: inline-block;
  min-width: auto;
  padding: 0 4.4rem;
  background-color: #fff;
  color: #137B44;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 400;
}

.student_view .information .desc .download:hover,
.student_view .information .desc .download:focus {
  background-color: #137B44;
  color: #fff;
}

.student_view .information .desc .download span:after {
  display: inline-block;
  font-family: "remixicon";
  content: "\ec5a";
  margin-left: 7px;
  vertical-align: middle;
}

.student_view .contents {
  padding: 5.5rem 0;
  border-bottom: 0;
}

.student_view .board_btns {
  margin-top: 6rem;
}

.tstyle_list {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0 !important;
}

.tstyle_list thead th {
  border-bottom-color: #ddd;
}

.faq.cont {
  border-bottom: 1px solid #ddd;
  word-break: keep-all;
}

.faq.cont .group {
  border-top: 1px solid #ddd;
}

.faq.cont .group .item {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  position: relative;
  padding: 0 6.5rem;
  background-color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  color: #333;
}

.faq.cont .group .item:after {
  position: absolute;
  left: 3rem;
  top: 2rem;
  font-weight: 600;
  color: #137B44;
  content: "A";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 400;
}

.faq.cont .group .item .tit_green {
  color: #137B44;
  font-weight: 500;
}

.faq.cont .group .item .bar1>li {
  position: relative;
  padding-left: 1.3rem;
  font-size: 1.8rem;
  font-weight: 400;
  color: #333;
  line-height: 1.78888;
}

.faq.cont .group .item .bar1>li::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 1px;
  background: #333;
  top: 1.4rem;
  left: 0;
}

.faq.cont .group .label {
  display: block;
  position: relative;
  padding: 2rem 6.5rem;
  font-weight: 600;
  color: #333;
  font-size: 2rem;
}

.faq.cont .group .label:before {
  position: absolute;
  left: 3rem;
  top: 2rem;
  color: #137B44;
  content: "Q";
  font-weight: 400;
}

.faq.cont .group .label:after {
  font-size: 2.2rem;
  position: absolute;
  right: 4.8rem;
  top: 2rem;
  font-family: "remixicon";
  font-weight: 400;
  content: "\ea4e";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #151515;
  opacity: 0.5;
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  text-align: center;
  background: transparent;
  border-radius: 50%;
}

.faq.cont .group.active {
  border-top: 2px solid #137B44;
}

.faq.cont .group.active .label {
  background: rgba(19, 123, 68, 0.1);
  color: #137B44;
}

.faq.cont .group.active .label:after {
  background: #137B44;
  color: #fff;
  opacity: 1;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.faq.cont .group.active .item {
  visibility: visible;
  overflow: visible;
  width: auto;
  height: auto;
  opacity: 1;
  padding: 2rem 6.5rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.faq.cont .group .contact_txt {
  background: #F3F3F3;
  padding: 1.7rem 3rem;
  margin-top: 3.4rem;
}

.faq.cont .group .contact_txt:after {
  display: block;
  clear: both;
  content: "";
}

.faq.cont .group .contact_txt>* {
  float: left;
  font-size: 1.7rem;
  font-weight: 300;
  color: #222;
}

.faq.cont .group .contact_txt strong {
  font-weight: 600;
}

.faq.cont .group .contact_txt strong:after {
  display: inline-block;
  vertical-align: middle;
  height: 3px;
  width: 3px;
  border-radius: 50%;
  content: "";
  background: #707070;
  border-radius: 50%;
  margin: 0 2rem;
}

.faq.cont .group .contact_txt a:hover,
.faq.cont .group .contact_txt a:focus {
  text-decoration: underline;
}

.org_wrap {
  position: relative;
}

.org_wrap *:before,
.org_wrap *:after {
  content: "";
  z-index: -1;
  background: #ddd;
}

.org_wrap:before,
.org_wrap:after {
  position: absolute;
  background: #ddd;
  content: "";
  z-index: -1;
}

.org_wrap:before {
  left: 50%;
  top: 4rem;
  width: 36.3%;
  height: 1px;
}

.org_wrap:after {
  position: absolute;
  right: 17rem;
  top: 4rem;
  width: 1px;
  height: 32.4%;
}

.org_wrap a {
  text-transform: uppercase;
  text-align: center !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.org_wrap a:hover,
.org_wrap a:focus {
  text-decoration: underline !important;
  -webkit-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.2) !important;
}

.org_wrap a.dif:hover,
.org_wrap a.dif:focus {
  text-decoration: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.org_wrap .director {
  margin-bottom: 13rem;
}

.org_wrap .director:before {
  position: absolute;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  width: 1px;
  height: 33.7rem;
}

.org_wrap .director a {
  display: block;
  width: 28rem;
  margin: auto;
  background: #151515;
  color: #fff;
  text-align: center;
  padding: 2rem 1rem;
  line-height: 1.45;
  font-weight: 900;
  border: 1px solid transparent;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.org_wrap .director a em {
  display: block;
  font-size: 1.8rem;
  font-weight: 400;
}

.org_wrap .audit {
  position: absolute;
  left: 15rem;
  top: 0;
}

.org_wrap .audit:before {
  position: absolute;
  top: 50%;
  height: 1px;
  width: 100%;
  right: -100%;
}

.org_wrap .audit a {
  display: block;
  width: 20rem;
  height: 7rem;
  line-height: 7rem;
  background: #707070;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 700;
}

.org_wrap .depth2 {
  padding-right: 7rem;
  margin-bottom: 6rem;
}

.org_wrap .depth2_wrap {
  position: relative;
}

.org_wrap .depth2 a {
  width: 28rem;
  height: 7rem;
  padding: 1rem;
  background: #137B44;
  font-size: 1.8rem;
  color: #fff;
  display: table;
  font-weight: 700;
  line-height: 1.3;
  overflow: auto;
}

.org_wrap .depth2 a span {
  display: table-cell;
  vertical-align: middle;
}

.org_wrap .depth2 .depth2_1 {
  position: absolute;
  right: 7rem;
  top: 13rem;
}

.org_wrap .depth2 .depth2_1:before {
  position: absolute;
  right: 96.5%;
  top: 3.5rem;
  width: 100%;
  height: 1px;
}

.org_wrap .depth2 .depth2_2 {
  position: relative;
}

.org_wrap .depth2 .depth2_2:after {
  display: block;
  clear: both;
  content: "";
}

/*.org_wrap .depth2 .depth2_2:before {
  position: absolute;
  left: 14rem;
  top: 3.5rem;
  width: calc(100% - 28rem);
  height: 1px;
}*/
.org_wrap .depth2 .depth2_2>a {
  margin: auto;
  /*margin-bottom: 3rem;*/
  -webkit-transform: translateX(3.5rem);
  transform: translateX(3.5rem);
}

.org_wrap .depth2 .depth2_2 div {
  position: relative;
}

.org_wrap .depth2 .depth2_2 div:before {
  position: absolute;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -92%;
  width: 1px;
  height: 100%;
}

.org_wrap .depth2 .depth2_2 div:first-of-type {
  float: left;
}

.org_wrap .depth2 .depth2_2 div:last-of-type {
  float: right;
}

.org_wrap .depth3 {
  margin-left: -1.6rem;
  padding-top: 6.4rem;
  position: relative;
}

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

.org_wrap .depth3 a {
  text-transform: none;
}

.org_wrap .depth3:before {
  position: absolute;
  left: 4.4%;
  top: 0;
  width: 63.3%;
  height: 1px;
}

.org_wrap .depth3>div {
  float: left;
  padding-left: 1.6rem;
}

.org_wrap .depth3>div ul:after {
  display: block;
  clear: both;
  content: "";
}

.org_wrap .depth3>div a {
  display: block;
  border: 1px solid #787C88;
  text-align: center;
}

.org_wrap .depth3>div.depth3_1 {
  padding-top: 21.4rem;
}

.org_wrap .depth3>div.depth3_1>ul>li {
  position: relative;
}

.org_wrap .depth3>div.depth3_1>ul>li:before {
  position: absolute;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -27.8rem;
  width: 1px;
  height: 29rem;
}

.org_wrap .depth3>div.depth3_2 {
  width: 23%;
}

.org_wrap .depth3>div.depth3_2>a {
  padding-top: 3rem;
}

.org_wrap .depth3>div.depth3_2>ul>li:first-child {
  width: 50%;
}

.org_wrap .depth3>div.depth3_2>ul>li:last-child {
  width: 50%;
}

.org_wrap .depth3>div.depth3_3 {
  width: 25%;
}

.org_wrap .depth3>div.depth3_3>a {
  padding-top: 3rem;
}

.org_wrap .depth3>div.depth3_3>ul>li {
  width: 50%;
}

.org_wrap .depth3>div.depth3_4 {
  width: 23%;
}

.org_wrap .depth3>div.depth3_4>a {
  padding-top: 1.5rem;
}

.org_wrap .depth3>div.depth3_4>ul>li:first-child {
  width: 53%;
}

.org_wrap .depth3>div.depth3_4>ul>li:last-child {
  width: 47%;
}

.org_wrap .depth3>div.depth3_5 {
  padding-top: 12rem;
  width: 20%;
  position: relative;
}

.org_wrap .depth3>div.depth3_5:before {
  position: absolute;
  width: 49%;
  top: -6.5rem;
  left: 5.6rem;
  height: 1px;
}

.org_wrap .depth3>div.depth3_5>ul {
  margin-left: -1rem;
}

.org_wrap .depth3>div.depth3_5>ul>li {
  float: left;
  width: 50%;
  padding-left: 1rem;
}

.org_wrap .depth3>div.depth3_5>ul>li:first-child {
  width: 37%;
}

.org_wrap .depth3>div.depth3_5>ul>li:first-child a {
  position: relative;
}

.org_wrap .depth3>div.depth3_5>ul>li:first-child a:before {
  position: absolute;
  top: -18.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1px;
  height: 11rem;
}

.org_wrap .depth3>div.depth3_5>ul>li:last-child {
  width: 63%;
}

.org_wrap .depth3>div.depth3_5>ul>li:last-child a {
  position: relative;
}

.org_wrap .depth3>div.depth3_5>ul>li:last-child a:before {
  position: absolute;
  top: -18.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1px;
  height: 11rem;
}

.org_wrap .depth3>div.department>a {
  font-weight: 700;
  margin-bottom: 1rem;
  width: 100%;
  height: 10.9rem;
  background: #494d5a;
  font-size: 1.6rem;
  color: #fff;
  position: relative;
}

.org_wrap .depth3>div.department>a:before {
  position: absolute;
  top: -6.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1px;
  height: 13rem;
}

.org_wrap .depth3>div.department>ul {
  margin-left: -1rem;
}

.org_wrap .depth3>div.department>ul>li {
  float: left;
  padding-left: 1rem;
  position: relative;
}

.org_wrap .depth3>div .team1 {
  font-weight: 600;
  width: 100%;
  height: 8.8rem;
  background: #787c88;
  font-size: 1.3rem;
  line-height: 1.3;
  color: #fff;
  margin-bottom: 1rem;
  letter-spacing: -0.2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.org_wrap .depth3>div .team2 {
  margin-top: -0.4rem;
}

.org_wrap .depth3>div .team2 li {
  margin-top: 0.4rem;
}

.org_wrap .depth3>div .team2 a {
  font-weight: 400;
  width: 100%;
  background: #fff;
  border: 1px solid #787c88;
  font-size: 1.4rem;
  color: #333;
  line-height: 1.4;
  text-transform: none;
  padding: 1.2rem;
}

/*.org_wrap .depth3 > div.depth3_4 > ul > li:first-child {
  padding-top: 9.4rem;
}*/
.org_wrap .depth3>div.depth3_4>ul>li:first-child:before {
  height: 17rem;
}

.org_lst {
  position: relative;
  padding: 9.2rem 0 8rem;
  margin-top: 8rem;
}

.org_lst:before {
  position: absolute;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  content: "";
  width: 1000%;
  height: 100%;
  background: #F6F6F7;
  z-index: -1;
}

.org_lst ul {
  margin: -3.8rem 0 0 -3.8rem;
  display: flex;
  flex-wrap: wrap;
}

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

.org_lst li {
  float: left;
  width: 33.33333%;
  padding: 3.8rem 0 0 3.8rem;
}

.org_lst .box {
  min-height: 23.5rem;
  height: 100%;
  background-color: #fff;
  padding: 3rem;
  position: relative;
}

.org_lst .box .txt_wrap {
  height: 90%;
}

.org_lst .box .txt_wrap .name {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  font-weight: 700;
  color: #151515;
  display: block;
  /*overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 3.3rem;
  text-overflow: inherit;*/
}

.org_lst .box .txt_wrap .posi {
  font-size: 16px;
  display: block;
  color: #137B44;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* height: 2rem; */
  margin-bottom: 0.4rem;
  margin-right: 5.5rem;
}

.org_lst .box .txt_wrap .team {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  font-weight: 400;
  margin-top: 1.4rem;
  color: #151515;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.org_lst .box .txt_wrap .desc {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  font-weight: 300;
  margin: 1.4rem 0;
  color: #666;
  height: 42px;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.org_lst .box .info {
  border-top: 1px solid #DDD;
  padding: 0.6rem 0;
}

.org_lst .box .info:after {
  display: block;
  clear: both;
  content: "";
}

.org_lst .box .info>* {
  color: #333;
  font-size: 1.4rem;
  line-height: 1.4285714286;
}

.org_lst .box .info>*:after {
  width: 1px;
  height: 1.8rem;
  background: #ddd;
  content: "";
  display: inline-block;
  margin: 0.8rem;
  vertical-align: middle;
}

.org_lst .box .info>*:last-child:after {
  display: none;
}

.org_lst .box .info a:hover,
.org_lst .box .info a:focus {
  text-decoration: underline;
}

.org_lst .box .info a:hover,
.org_lst .box .info a:focus {
  color: #137B44;
}

.org_lst .box .info .email:before {
  content: "\eef6";
  font-family: "remixicon";
  font-size: 2rem;
  color: #333;
  vertical-align: -4px;
  padding-right: 0.4rem;
}

.org_lst .box .info .email:hover:before,
.org_lst .box .info .email:focus:before {
  color: #137B44;
}

.donation_wrap,
.write_wrap {
  width: 100rem;
  margin: auto;
  max-width: 100%;
}

.donation_wrap section,
.write_wrap section {
  border: 1px solid #ddd;
  padding: 0 0 6rem;
}

.donation_wrap section+section,
.write_wrap section+section {
  margin-top: 7rem;
}

.donation_wrap article,
.write_wrap article {
  width: 60rem;
  margin: auto;
  margin-top: 4.4rem;
  padding-top: 1.2rem;
  position: relative;
}

.donation_wrap article:before,
.write_wrap article:before {
  position: absolute;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  width: 88rem;
  height: 1.2rem;
  background: #f6f6f7;
  content: "";
}

.donation_wrap article:first-of-type,
.write_wrap article:first-of-type {
  margin-top: 0;
  padding-top: 0;
}

.donation_wrap article:first-of-type:before,
.write_wrap article:first-of-type:before {
  display: none;
}

.donation_wrap .agree,
.write_wrap .agree {
  margin-bottom: 7rem;
}

.donation_wrap .agree .item,
.write_wrap .agree .item {
  max-height: 34rem;
  margin: 0;
}

.donation_wrap .agree .item .title2:first-child,
.write_wrap .agree .item .title2:first-child {
  margin-top: 0 !important;
}

.donation_wrap .agree .form,
.write_wrap .agree .form {
  margin-top: 2rem;
  padding: 0;
  margin-bottom: 0;
  background: #fff;
}

.donation_wrap .agr,
.write_wrap .agr {
  padding: 3.2rem 4rem;
  border: 1px solid #ddd;
}

.donation_wrap .agr p,
.write_wrap .agr p {
  font-size: 1.4rem;
  line-height: 1.8571428571;
  color: #666;
}

.donation_wrap .title1,
.write_wrap .title1 {
  text-align: center;
  padding: 2.8rem 1rem;
  background: #F6F6F7;
  margin-bottom: 4.4rem;
}

.donation_wrap .title2,
.write_wrap .title2 {
  margin-top: 4.4rem !important;
}

.donation_wrap .title3,
.write_wrap .title3 {
  color: #151515;
  margin-top: 2.4rem !important;
}

.donation_wrap .title3 em,
.write_wrap .title3 em {
  font-size: 1.6rem;
  font-weight: 400;
  color: #666;
  margin-left: 6px;
}

.donation_wrap .title3+p,
.write_wrap .title3+p {
  font-size: 1.4rem;
  line-height: 1.8571428571;
  color: #666;
  font-weight: 400;
  margin-top: -1.4rem;
}

.donation_wrap .form_textbox,
.write_wrap .form_textbox {
  height: 4.8rem;
}

.donation_wrap .form_check,
.write_wrap .form_check {
  font-size: 1.8rem;
  font-weight: 400;
  padding-left: 4rem;
}

.donation_wrap .form_check label:before,
.write_wrap .form_check label:before {
  width: 2.4rem;
  height: 2.4rem;
  top: 0.2rem;
}

.donation_wrap .form_check input:checked+label:before,
.write_wrap .form_check input:checked+label:before {
  border-color: #137B44;
  background: #137B44;
}

.donation_wrap .form_check input:checked+label:after,
.write_wrap .form_check input:checked+label:after {
  color: #fff;
  left: 3px;
  top: 0.6rem;
}

.donation_wrap .form_check+.form_textbox,
.write_wrap .form_check+.form_textbox {
  margin-top: 0.8rem;
}

.donation_wrap .form_radio,
.write_wrap .form_radio {
  font-size: 1.8rem;
  font-weight: 400;
  padding-left: 4rem;
}

.donation_wrap .form_radio label:before,
.write_wrap .form_radio label:before {
  width: 2.8rem;
  height: 2.8rem;
  top: 0;
}

.donation_wrap .form_radio label:after,
.write_wrap .form_radio label:after {
  width: 1.2rem;
  height: 1.2rem;
  top: 0.8rem;
  left: 0.85rem;
}

.donation_wrap .form_radio input:checked+label:before,
.write_wrap .form_radio input:checked+label:before {
  border-color: #137B44;
  background: #137B44;
}

.donation_wrap .form_radio input:checked+label:after,
.write_wrap .form_radio input:checked+label:after {
  background: #fff;
}

.donation_wrap .form_radio+.form_textbox,
.write_wrap .form_radio+.form_textbox {
  margin-top: 0.8rem;
}

.donation_wrap .form_select,
.write_wrap .form_select {
  width: 100%;
  height: 4.8rem;
}

.donation_wrap .form_select select,
.write_wrap .form_select select {
  height: 4.8rem;
}

.donation_wrap .adr_form input:first-child,
.write_wrap .adr_form input:first-child {
  width: 80%;
}

.donation_wrap .adr_form input:last-child,
.write_wrap .adr_form input:last-child {
  margin-top: 0.8rem;
}

.donation_wrap .adr_form button,
.write_wrap .adr_form button {
  text-align: center;
  height: 4.8rem;
  border: 1px solid #333;
  line-height: 4.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.6rem;
  display: inline-block;
  min-width: 20%;
  padding: 0;
  background-color: #333;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 400;
}

.donation_wrap .adr_form button:hover,
.donation_wrap .adr_form button:focus,
.write_wrap .adr_form button:hover,
.write_wrap .adr_form button:focus {
  background-color: transparent;
  color: #333;
}

.donation_wrap .row,
.write_wrap .row {
  margin: -2rem 0 0 -0.8rem;
}

.donation_wrap .row .col-xs-12,
.write_wrap .row .col-xs-12 {
  padding: 2rem 0 0 0.8rem;
}

.donation_wrap .row.mT8,
.write_wrap .row.mT8 {
  margin-top: -1.2rem;
}

.donation_wrap .check_wrap,
.write_wrap .check_wrap {
  background: #f6f6f7;
  border: 1px solid #ddd;
  padding: 2.8rem 4rem;
  margin-bottom: 2rem;
}

.donation_wrap .amount_wrap,
.write_wrap .amount_wrap {
  border: 1px solid #aaa;
  border-top: 7px solid #DE9D29;
  padding: 7rem 1rem 6.6rem;
  margin-bottom: 2.4rem;
}

.donation_wrap .amount_wrap .amount,
.write_wrap .amount_wrap .amount {
  text-align: center;
  width: 65%;
  margin: auto;
  padding: 3rem 7rem 0;
  position: relative;
}

.donation_wrap .amount_wrap .amount:before,
.donation_wrap .amount_wrap .amount:after,
.write_wrap .amount_wrap .amount:before,
.write_wrap .amount_wrap .amount:after {
  position: absolute;
  top: 0;
  content: "";
  width: 6.6rem;
  height: 15rem;
  background: url("../img/sub/donation.png") no-repeat center/contain;
}

.donation_wrap .amount_wrap .amount:before,
.write_wrap .amount_wrap .amount:before {
  left: 0;
}

.donation_wrap .amount_wrap .amount:after,
.write_wrap .amount_wrap .amount:after {
  right: 0;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.donation_wrap .amount_wrap .amount h2,
.write_wrap .amount_wrap .amount h2 {
  font-size: 4.8rem;
  line-height: 1.25;
  font-weight: 700;
  color: #151515;
}

.donation_wrap .amount_wrap .amount h2 em,
.write_wrap .amount_wrap .amount h2 em {
  color: #137B44;
  padding-right: 0.8rem;
}

.donation_wrap .amount_wrap .amount h2 .monthly,
.write_wrap .amount_wrap .amount h2 .monthly {
  font-size: 3.4rem;
  font-weight: 700;
  padding: 0 0 0 0.8rem;
}

.donation_wrap .amount_wrap .amount h2 .total,
.write_wrap .amount_wrap .amount h2 .total {
  font-size: 1.4rem;
  line-height: 1.8571428571;
  color: #666;
  font-weight: 300;
  display: block;
  margin-top: -5px;
}

.donation_wrap .amount_wrap .amount .ribbon,
.write_wrap .amount_wrap .amount .ribbon {
  width: 88%;
  position: relative;
  background: #137B44;
  color: #fff;
  text-align: center;
  padding: 1rem;
  margin: 2rem auto 0;
  font-size: 2rem;
  font-weight: 400;
}

.donation_wrap .amount_wrap .amount .ribbon:before,
.donation_wrap .amount_wrap .amount .ribbon:after,
.write_wrap .amount_wrap .amount .ribbon:before,
.write_wrap .amount_wrap .amount .ribbon:after {
  position: absolute;
  content: "";
  display: block;
  bottom: -1rem;
  border: 2.3rem solid #0B6E39;
  z-index: -1;
}

.donation_wrap .amount_wrap .amount .ribbon:before,
.write_wrap .amount_wrap .amount .ribbon:before {
  left: -3.3rem;
  border-right-width: 2.3rem;
  border-left-color: transparent;
}

.donation_wrap .amount_wrap .amount .ribbon:after,
.write_wrap .amount_wrap .amount .ribbon:after {
  right: -3.3rem;
  border-left-width: 2.3rem;
  border-right-color: transparent;
}

.donation_wrap .amount_wrap .amount .ribbon span:before,
.donation_wrap .amount_wrap .amount .ribbon span:after,
.write_wrap .amount_wrap .amount .ribbon span:before,
.write_wrap .amount_wrap .amount .ribbon span:after {
  position: absolute;
  content: "";
  display: block;
  border-style: solid;
  border-color: #055A2D transparent transparent transparent;
  bottom: -1rem;
}

.donation_wrap .amount_wrap .amount .ribbon span:before,
.write_wrap .amount_wrap .amount .ribbon span:before {
  left: 0;
  border-width: 1.4rem 0 0 1.4rem;
}

.donation_wrap .amount_wrap .amount .ribbon span:after,
.write_wrap .amount_wrap .amount .ribbon span:after {
  right: 0;
  border-width: 1.4rem 1.4rem 0 0;
}

.donation_wrap .amount_wrap dl,
.write_wrap .amount_wrap dl {
  width: 54rem;
  margin: auto;
  max-width: 80%;
  margin-top: 3rem;
}

.donation_wrap .amount_wrap dl:after,
.write_wrap .amount_wrap dl:after {
  display: block;
  clear: both;
  content: "";
}

.donation_wrap .amount_wrap dl dt,
.donation_wrap .amount_wrap dl dd,
.write_wrap .amount_wrap dl dt,
.write_wrap .amount_wrap dl dd {
  float: left;
  margin-top: 2rem;
}

.donation_wrap .amount_wrap dl dt,
.write_wrap .amount_wrap dl dt {
  width: 35%;
  color: #666;
}

.donation_wrap .amount_wrap dl dd,
.write_wrap .amount_wrap dl dd {
  width: 65%;
  color: #333;
}

.donation_wrap .txt_center,
.write_wrap .txt_center {
  color: #666;
}

.donation_wrap .btn_link,
.write_wrap .btn_link {
  height: 6rem;
  border: 1px solid #151515;
  line-height: 5.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.8rem;
  display: inline-block;
  min-width: 24rem;
  padding: 0 1rem;
  background-color: #151515;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 700;
}

.donation_wrap .btn_link:hover,
.donation_wrap .btn_link:focus,
.write_wrap .btn_link:hover,
.write_wrap .btn_link:focus {
  background-color: transparent;
  color: #151515;
}

.donation_wrap .btn_link span:after,
.write_wrap .btn_link span:after {
  display: inline-block;
  vertical-align: middle;
  font-family: "remixicon";
  content: "\ea6e";
  margin-left: 0.8rem;
}

.donation_wrap .current_tab,
.write_wrap .current_tab {
  display: table;
  width: 100%;
  height: 6rem;
  line-height: 6rem;
}

.donation_wrap .current_tab span,
.write_wrap .current_tab span {
  display: table-cell;
  vertical-align: middle;
  width: 1%;
  text-align: center;
  position: relative;
}

.donation_wrap .current_tab span input,
.write_wrap .current_tab span input {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.donation_wrap .current_tab span label,
.write_wrap .current_tab span label {
  font-size: 1.8rem;
  font-weight: 400;
  color: #333;
  border: 1px solid #ddd;
  background: #f6f6f7;
  display: block;
  width: 100%;
  height: 100%;
}

.donation_wrap .current_tab span em:before,
.write_wrap .current_tab span em:before {
  display: inline-block;
  vertical-align: middle;
  font-family: "remixicon";
  content: "\eb7b";
  margin-right: 0.8rem;
  display: none;
}

.donation_wrap .current_tab span input:checked+label,
.write_wrap .current_tab span input:checked+label {
  background: #333;
  color: #fff;
  border-color: transparent;
}

.donation_wrap .current_tab span input:checked+label em:before,
.write_wrap .current_tab span input:checked+label em:before {
  display: inline-block;
}

.donation_wrap .bank,
.write_wrap .bank {
  border: 1px solid #aaa;
  padding: 2rem 2.5rem;
  display: table;
  width: 100%;
  margin-bottom: 2.5rem;
}

.donation_wrap .bank>*,
.write_wrap .bank>* {
  display: table-cell;
  vertical-align: middle;
}

.donation_wrap .bank .img,
.write_wrap .bank .img {
  width: 23%;
  border-right: 1px solid #ddd;
}

.donation_wrap .bank dl,
.write_wrap .bank dl {
  width: 77%;
  padding-left: 8%;
}

.donation_wrap .bank dl:after,
.write_wrap .bank dl:after {
  display: block;
  clear: both;
  content: "";
}

.donation_wrap .bank dl>*,
.write_wrap .bank dl>* {
  float: left;
  margin-top: 0.4rem;
}

.donation_wrap .bank dl>*:first-of-type,
.write_wrap .bank dl>*:first-of-type {
  margin-top: 0;
}

.donation_wrap .bank dl dt,
.write_wrap .bank dl dt {
  width: 75px;
  color: #151515;
  font-weight: 500;
}

.donation_wrap .bank dl dd,
.write_wrap .bank dl dd {
  width: calc(100% - 75px);
  color: #333;
  font-weight: 400;
}

.txtarea {
  border: 1px solid #ddd;
  padding: 2rem;
  width: 100%;
  resize: none;
  height: 12rem;
  margin-top: 8px;
}

.serise_lst {
  border-top: 1px solid #ddd;
}

.serise_lst li a {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 4rem 0;
}

.serise_lst li a .title {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  font-weight: 700;
  margin-bottom: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
  max-height: 6.4rem;
}

.serise_lst li a .title span {
  background-position: 0 96%;
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#111), to(#111));
  background-image: linear-gradient(#111, #111);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.serise_lst li a .etc {
  font-size: 1.4rem;
  line-height: 1.5714285714;
  font-weight: 300;
  color: #666;
  margin-top: 2rem;
  overflow: hidden;
}

.serise_lst li a .etc span {
  float: left;
  position: relative;
}

.serise_lst li a .etc span+span {
  margin-left: 2rem;
  padding-left: 2rem;
}

.serise_lst li a .etc span+span:before {
  position: absolute;
  top: 50%;
  left: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 1px;
  height: 1.8rem;
  content: "";
  background: #ddd;
}

.serise_lst li a .author strong,
.serise_lst li a .series strong {
  color: #137B44;
  width: 11rem;
  font-weight: 500;
  padding-left: 2.6rem;
  position: relative;
  display: inline-block;
}

.serise_lst li a .author strong:before,
.serise_lst li a .series strong:before {
  width: 2rem;
  height: 2rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 2px;
}

.serise_lst li a .author span,
.serise_lst li a .series span {
  font-size: 1.6rem;
  line-height: 1.625;
  font-weight: 400;
  color: #333;
  width: calc(100% - 11.4rem);
}

.serise_lst li a .author strong:before {
  background-image: url("../img/sub/info_icon1.png");
}

.serise_lst li a .series {
  margin-top: 1rem;
}

.serise_lst li a .series strong:before {
  background-image: url("../img/sub/info_icon7.png");
}

.serise_lst li a:hover .title span,
.serise_lst li a:focus .title span {
  background-size: 100% 2px;
}

.request_lst table {
  border-top: 1px solid #666;
}

.request_lst thead th {
  background: #F6F6F7;
  border-bottom: 1px solid #E8E8E8;
  font-weight: 700;
  color: #333;
  padding: 1.7rem 0;
}

.request_lst tbody td {
  border-bottom: 1px solid #E8E8E8;
  color: #333;
  text-align: center;
  padding: 1.6rem 0;
}

.request_lst tbody td.name {
  font-weight: 700;
}

.request_lst tbody td .layer_btn {
  width: 3.6rem;
  height: 3.6rem;
  line-height: 3.6rem;
  border-radius: 50%;
  display: block;
  margin: auto;
  border: 1px solid #aaa;
  background: #fff;
  font-size: 2rem;
  color: #333;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.request_lst tbody td .layer_btn:hover,
.request_lst tbody td .layer_btn:focus {
  border-color: transparent;
  background: #333;
  color: #fff;
}

.request_lst .request_layer {
  position: relative;
}

.request_lst .request_layer .inner {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  padding: 0 10rem;
  -webkit-transition: padding 0.2s;
  transition: padding 0.2s;
}

.request_lst .request_layer .name {
  font-weight: 400;
  color: #333;
}

.request_lst .request_layer .country {
  font-size: 1.4rem;
}

.request_lst .request_layer .tit {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  font-weight: 700;
  color: #151515;
  padding: 2rem 0 1.5rem;
  display: block;
}

.request_lst .request_layer .form_textbox {
  border-color: #ccc;
}

.request_lst .request_layer .btns {
  margin-top: 4.8rem;
}

.request_lst .request_layer .btns:after {
  display: block;
  clear: both;
  content: "";
}

.request_lst .request_layer .btns button {
  border: 1px solid #666;
  padding: 1.15rem 0;
  text-transform: uppercase;
  background: #fff;
  width: 49%;
  display: block;
}

.request_lst .request_layer .btns button span {
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
}

.request_lst .request_layer .btns button span:before {
  display: inline-block;
  vertical-align: middle;
  font-family: "remixicon";
  margin-right: 6px;
  font-size: 2rem;
}

.request_lst .request_layer .btns button.del {
  float: left;
  color: #333;
}

.request_lst .request_layer .btns button.del span:before {
  content: "\eb96";
}

.request_lst .request_layer .btns button.del:hover,
.request_lst .request_layer .btns button.del:focus {
  border-color: transparent;
  background: #333;
  color: #fff;
}

.request_lst .request_layer .btns button.edit {
  float: right;
  color: #fff;
  background: #666;
  border-color: transparent;
}

.request_lst .request_layer .btns button.edit span:before {
  content: "\ec7f";
}

.request_lst .request_layer .btns button.edit:hover,
.request_lst .request_layer .btns button.edit:focus {
  border-color: #333;
  background: #fff;
  color: #333;
}

.request_lst .request_layer .close {
  position: absolute;
  right: 2.4rem;
  top: 2.4rem;
  font-size: 3.6rem;
  line-height: 1;
}

.request_lst .request_layer.active {
  z-index: 10;
}

.request_lst .request_layer.active:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: fixed;
  width: 100vw;
  height: 100vh;
  content: "";
  background: rgba(0, 0, 0, 0.4);
}

.request_lst .request_layer.active .inner {
  visibility: visible;
  overflow: visible;
  width: auto;
  height: auto;
  opacity: 1;
  padding: 6rem 10rem 4.8rem;
}

.registration_wrap {
  background: rgba(19, 123, 68, 0.1);
  border: 1px solid #137B44;
  padding: 4rem 5rem;
  margin-bottom: 6.8rem;
  display: table;
  width: 100%;
}

.registration_wrap p {
  display: table-cell;
  vertical-align: middle;
  font-size: 2rem;
  font-weight: 400;
  color: #333;
  padding-left: 6.4rem;
  position: relative;
}

.registration_wrap p:before {
  font-family: "remixicon";
  content: "\eca1";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: rotate(180deg) translateY(-50%);
  transform: rotate(180deg) translateY(-50%);
  -webkit-transform-origin: top;
  transform-origin: top;
  color: #137B44;
  font-size: 4.8rem;
}

.registration_wrap a {
  display: table-cell;
  vertical-align: middle;
  width: 22.4rem;
  text-align: center;
  height: 6rem;
  line-height: 6rem;
  border-radius: 30px;
  border: 1px solid transparent;
  background: #137B44;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-shadow: 0 4px 8px rgba(19, 123, 68, 0.4);
  box-shadow: 0 4px 8px rgba(19, 123, 68, 0.4);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.registration_wrap a:hover,
.registration_wrap a:focus {
  border-color: #137B44;
  background: #fff;
  color: #137B44;
}

.board_write {
  width: 100rem;
  margin: auto;
  max-width: 100%;
}

.board_pager a.arr.pre::before {
  content: "\ea64";
}

/* 게시판 목록 상태 아이콘 - 글씨작게 */
.board_list .icon_notice {
  font-size: 1rem;
}

/* 조직도 23.7.7 */
.org {
  position: relative;
}

.org a {
  display: flex;
  align-items: center;
  justify-content: center;
  /* color: #fff; */
  padding: 1rem;
  text-align: center;
  transition: .25s;
}

.org a:hover {
  box-shadow: 0 0.8rem 1.2rem rgba(0, 0, 0, 0.12);
  text-decoration: underline;
  /* text-underline-position: under; */
}

.org .dep1 {
  margin: 0 -1rem;
  margin-bottom: 14.3rem;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.org .dep1::before {
  content: "";
  width: calc(100% - 20.5rem);
  height: 1px;
  background: #ddd;
  position: absolute;
  top: 172%;
  left: 19.5rem;
  /* right: 19.5rem; */
  z-index: -1;
}

.org .dep1 strong {
  padding: 0 1rem;
  position: relative;
}

.org .dep1 a {
  width: 37rem;
  height: 9.7rem;
  font-size: 2.2rem;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  position: relative;
}

.org .dep1 a.black {
  background: #151515;
}

.org .dep1 a.grey {
  background: #707070;
}

.org .dep1 strong:first-of-type::before {
  content: "";
  width: 30rem;
  height: 1px;
  background: #ddd;
  position: absolute;
  top: 50%;
  left:30rem;
  z-index: -1;
}

.org .dep1 a.black::before {
  content: "";
  width: 1px;
  height: 46rem;
  background: #ddd;
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: -1;
}

.org .dep2.right {
  position: absolute;
  top: 0;
  right: 0;
}

.org .org-box {
  width: 37rem;
}

.org .org-box {
  padding: 2.4rem 1.6rem;
  border: 1px solid #ddd;
  background: #fff;
}

.org .dep2 .org-box {
  margin: auto;
  margin-right: 0;
}

.org .org-box ul+strong {
  margin-top: 2.4rem;
  display: block;
}

.org .org-box strong a {
  background: #787C88;
  height: 7.7rem;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.3;
  border: 1px solid #ddd;
}

.org .org-box ul>li>a {
  height: 5.6rem;
  color: #787C88;
  font-size: 1.7rem;
  font-weight: 400;
  border: 1px solid #ddd;
  border-top: 0;
  background: #fff;
}

.org .dep2.left {
  display: flex;
  justify-content: space-between;
  margin: 0 -1rem;
  margin-bottom: 3rem;
}

.org .dep2.left strong {
  padding: 0 1rem;
}

.org .dep2.left strong:first-of-type {
  /* padding-right: 6.5rem; */
  position: relative;
}

.org .dep2.left a {
  width: 37rem;
  height: 9.7rem;
  font-size: 2.2rem;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
}

.org .dep2.left a.green {
  background: #137B44;
}

.org .dep2.left a.grey {
  background: #707070;
}

.org .dep3 {
  margin-bottom: 10rem;
  position: relative;
}

.org .dep3::before {
  content: "";
  width: calc(100% - 18.5rem);
  height: 1px;
  background: #ddd;
  position: absolute;
  top: 50%;
  left: 18.5rem;
  z-index: -1;
}

.org .dep3 .org-box {
  margin: auto;
  margin-right: 0;
  padding: 1.4rem 1.6rem;
}

.org .dep3 .org-box ul>li>a {
  border-top: 1px solid #ddd;
}

.org .dep4 {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 0 -1rem;
}

.org .dep4::before {
  content: "";
  width: calc(100% - 37rem - 2rem);
  height: 1px;
  background: #ddd;
  position: absolute;
  left: 19.5rem;
  top: -7rem;
}

.org .dep4>div {
  position: relative;
  padding: 0 1rem;
}

.org .dep4>div::before {
  content: "";
  width: 1px;
  height: 7rem;
  background: #ddd;
  position: absolute;
  left: 50%;
  top: -7rem;
}

.org .dep4-title {
  height: 9.7rem;
  background: #494D5A;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}

.sub_a10201020200 .board_info .form .item button {
  right: -3rem;
}

.org_lst .board_info .form {
  width: 100% !important;
  margin-bottom: 6.4rem;
}

.org_lst .board_info {
  margin-bottom: 0;
}

.org_lst #listView {
  margin-top: 0;
}

.org_lst .board_info .form>* {
  padding-right: 2.8rem;
}

.org_lst .board_search_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3rem;
}

.org_lst .board_search_info .reset {
  display: flex;
  align-items: center;
}

.org_lst .board_search_info .reset i {
  font-size: 2rem;
  margin-left: 6px;
}

.org_lst .box .txt_wrap .name .highlight {
  position: relative;
  z-index: 1;
}

.org_lst .box .txt_wrap .name .highlight::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  background: rgba(47, 211, 126, .4);
  z-index: -1;
}

.org_lst .box .call-btn {
  position: absolute;
  width: 4.3rem;
  height: 4.3rem;
  border-radius: 50%;
  background: #F6F6F7;
  top: 4.7rem;
  right: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.org_lst .box .call-btn i {
  color: #137B44;
  font-size: 2rem;
}

.popup_wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.popup_wrap.active {
  display: flex;
}

.popup_wrap .org_lst_popup {
  box-shadow: 0 1.2rem 2.4rem rgba(0, 0, 0, 0.2);
  max-width: 95%;
  min-width: 53rem;
}

/* .popup_wrap .org_lst_popup.pop02 {
  display: none;
} */

.popup_wrap .org_lst_popup.pop02 .popup_box {
  text-align: left;
}

.org_lst_popup .popup_top {
  background: #000;
  padding: 2.5rem 1rem;
  text-align: center;
  position: relative;
}

.org_lst_popup .popup_top strong {
  font-size: 2.4rem;
  color: #2FD37E;
  text-transform: uppercase;
  font-weight: 700;
}

.org_lst_popup .popup_top .close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 3rem;
  color: #fff;
  font-size: 3rem;
  display: flex;
}

.org_lst_popup .popup_box {
  background: #fff;
  padding: 3.2rem 5rem;
  text-align: center;
}

.org_lst_popup .popup_box p {
  font-weight: 400;
}

.org_lst_popup .popup_box .security_cord {
  margin-top: 2rem;
  margin-bottom: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.org_lst_popup .popup_box .security_cord>div {
  width: 15rem;
  height: 5rem;
  border: 1px solid #000;
}

.org_lst_popup .popup_box .security_cord button {
  width: 5rem;
  height: 5rem;
  background: #F6F6F7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  margin-left: 1rem;
}

.org_lst_popup .popup_box .input_wrap {
  display: flex;
}

.org_lst_popup .popup_box .input_wrap input {
  width: 30rem;
  text-indent: 1.6rem;
  height: 4.7rem;
  border: 1px solid #ccc;
}

.org_lst_popup .popup_box .input_wrap button {
  width: 11.7rem;
  background: #000;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  margin-left: 1rem;
}

.org_lst_popup .popup_box .posi {
  display: block;
  color: #137B44;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 2rem;
  margin-bottom: 0.4rem;
}

.org_lst_popup .popup_box .name {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  font-weight: 700;
  color: #151515;
  display: block;
  text-overflow: inherit;
}

.org_lst_popup .popup_box .team {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  font-weight: 400;
  margin-top: 1.4rem;
  color: #151515;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.org_lst_popup .popup_box .desc {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  font-weight: 300;
  margin-top: 1.4rem;
  color: #666;
  word-break: keep-all;
  overflow: hidden;
}

.org_lst_popup .popup_box .call_num {
  display: flex;
  align-items: center;
  margin-top: 2rem;
}

.org_lst_popup .popup_box .call_num .icon {
  display: block;
  width: 4.3rem;
  height: 4.3rem;
  border-radius: 50%;
  background: #F6F6F7;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2.4rem;
}

.org_lst_popup .popup_box .call_num .icon i {
  color: #137B44;
  font-size: 2rem;
}

.org_lst_popup .popup_box .call_num a {
  font-size: 2.4rem;
  font-weight: 700;
  color: #137B44;
}

.sub_a10701020300 .board_info .form .item.type1:first-of-type {
  width: 40rem;
}

.sub_a10701020300 .board_info .form .item.type1.btn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3rem !important;
}

.sub_a10701020300 .board_info .form .item.type1.btn button {
  position: static;
}


/* 영어는 어절 단위로, 타언어는 음절 단위로 */
.word-break {
  word-break: normal;   
}

/* 타언어는 어절 단위로 */
.kword-break {
  word-break: keep-all;  
  white-space: normal; /* 기본 white-space 속성으로 설정 */
}

/* 한글은 어절 단위로 */
.korean-word-break {
  word-break: keep-all;
  white-space: pre-wrap; /* 줄바꿈을 허용하고, 공백을 유지하여 어절 단위로 보이도록 설정 */
  overflow-wrap: break-word; /* 단어가 너무 길 경우 줄바꿈 허용 */
}

/* 자동 리사이징(비율 유지) */
.img-responsive{
  max-width: 100%;
  height: auto;
  display: block;
}

/* =========================================================
   Mobile Font Optimization (PC 영향 없음)
   - iOS/Android 자동 글자 확대 방지
   - 작은 화면에서 rem(루트 폰트) 스케일을 부드럽게 조정
   ========================================================= */
@media (max-width: 1024px){
  html{
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    /* 1rem: 8px ~ 10px 범위에서 화면폭에 따라 자동 조절 */
    font-size: clamp(8px, 2.4vw, 10px);
  }

  body{
    line-height: 1.6;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }

  /* 텍스트 렌더링 안정화 */
  body, p, li, dt, dd, a, span, strong, em, label, input, textarea, button{
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
}

/* iOS에서 input/textarea 포커스 시 화면이 확대되는 현상 방지 */
@media (max-width: 768px){
  input, select, textarea, button{
    font-size: 16px;
  }
}

/* 서브페이지 본문 기본 폰트 크기 */
#contents_body {
  font-size: 1.8rem;
}