.main__layout {width: 100%;}
.main__layout .main__before {width: 100%; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.main__layout .flex-layout {width: 100%; display: flex; justify-content: flex-start; align-items: stretch;}
.main__layout .left {width: 702px; flex: none; border-left: 1px solid #ddd; box-sizing: border-box;}
.main__layout .left .main__vis {width: 100%; height: 813px; position: relative; overflow: hidden;}
.main__layout .left .main__vis .swiper-slide {overflow: hidden; position: relative; z-index: 6;}
.main__layout .left .main__vis .swiper-slide .img {width: 100%; display: block; height: 100%;}
.main__layout .left .main__vis .swiper-slide .img img {width: 100%; display: block; height: 100%; object-fit: cover;}
.main__layout .left .main__vis .swiper-slide .img img.tb-only,
.main__layout .left .main__vis .swiper-slide .img img.mb-only {display: none;}
.main__layout .left .main__vis .swiper-slide .txt {position: absolute; width: auto; top: 81px; right: 60px;}
.main__layout .left .main__vis .swiper-slide .txt h2 {font-size: 64px; color: #2e2e2e; font-weight: 300; text-align: right; line-height: 1;}
.main__layout .left .main__vis .swiper-slide .txt h3 {font-size: 102px; font-weight: 500; text-align: right; line-height: 1;}
.main__layout .left .main__vis .swiper-button {display: flex; z-index: 9; position: absolute; top: 0; left: 0; width: 101px; height: 51px; background: url(/KOR/image/main/main_vis__btn.png) 50% 50% no-repeat; background-size: 100% auto;}
.main__layout .left .main__vis .swiper-button .swiper-button-next2 {width: 50%; height: 100%; flex: 1; cursor: pointer;}
.main__layout .left .main__vis .swiper-button .swiper-button-prev2 {width: 50%; height: 100%; flex: 1; cursor: pointer;}
.main__vis .swiper-button-lock {display: block; background: rgba(255, 255, 255, 1); opacity: 0.7; border: 1px solid #ddd; box-sizing: border-box; cursor: initial !important;}
.main__vis .swiper-button-disabled {background: rgba(255, 255, 255, 1); opacity: 0.7; border: 1px solid #ddd; box-sizing: border-box; cursor: initial !important;}

/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
  .main__layout .left {width: 40%;}
  .main__layout .left .main__vis .swiper-slide .img img {height: 100%; object-fit: initial; width: auto;}
}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {
  .main__layout .flex-layout {flex-wrap: wrap;}
  .main__layout .left {width: 100%; position: relative;}
  .main__layout .left .main__vis {height: auto; }
  .main__layout .left .main__vis .swiper-slide {overflow: visible;}
  .main__layout .left .main__vis .swiper-slide .img {background: #dee3e8; height: 0; padding-bottom: calc(100% * 617 / 900); box-sizing: border-box; position: relative; overflow: hidden;}
  .main__layout .left .main__vis .swiper-slide .img img {width: 100%; object-fit: initial; height: auto; position: absolute; top: 0; left: 0;}
  .main__layout .left .main__vis .swiper-slide .img img.pc-only {display: none;}
  .main__layout .left .main__vis .swiper-slide .img img.tb-only {display: block;}

  .main__layout .left .main__vis .swiper-slide .txt {top: 10.2%; right: 7%;}
}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {

}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {
  .main__layout .left .main__vis .swiper-slide .img {padding-bottom: calc(100% * 456 / 360);}
  .main__layout .left .main__vis .swiper-slide .img img {height: 100%; width: auto;}
  .main__layout .left .main__vis .swiper-slide .img img.mb-only {display: block;}
  .main__layout .left .main__vis .swiper-slide .img img.tb-only {display: none;}
  .main__layout .left .main__vis .swiper-slide .txt h2 {font-size: 51px;}
  .main__layout .left .main__vis .swiper-slide .txt h3 {font-size: 83px;}
}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}

.main__layout .left .main__banner {width: 100%; display: flex; justify-content: flex-start; align-items: stretch;}
/*.main__layout .left .main__banner .n2-1 {width: 50%; flex: none;}*/
.main__layout .left .main__banner .n2-1 {height: 187px; border-right: 1px solid #ddd; box-sizing: border-box; position: relative;}
.main__layout .left .main__banner .n2-1:last-child {border-right: 0;}
.main__layout .left .main__banner .bg{width: 100%; height: 100%;}
.main__layout .left .main__banner .bg img {display: block; width: 100%; height: auto; max-width: 100%; object-fit: cover;}
.main__layout .left .main__banner .txt {position: absolute; top: 40px; left: 30px;}
.main__layout .left .main__banner h4 {font-size: 19px; color: #424242; font-weight: bold;}
.main__layout .left .main__banner h3 {font-size: 24px; color: #424242; font-weight: bold;}
.main__layout .left .main__banner .md {font-weight: 500;}
.main__layout .left .main__banner .chip {display: inline-block; vertical-align: middle; color: #fff; font-size: 13px; font-weight: 400; padding: 0 8px; line-height: 20px; border-radius: 8px; margin: 30px 0 0;}
.main__layout .left .main__banner .chip.blue {background: #0067c4;}

/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
  .main__layout .left .main__banner .bg {overflow: hidden;}
  .main__layout .left .main__banner .bg img {object-fit: initial; height: 100%; width: auto; max-width: none;}
}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {
  .main__layout .left .main__banner .bg {position: relative;}
  .main__layout .left .main__banner .bg img {width: 100%; height: auto; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {

  .main__layout .left .main__banner {position: absolute; bottom: 0; right: 0; z-index: 4; justify-content: flex-end;}
  .main__layout .left .main__banner .n2-1 {max-width: 350px; width: 39%; height: auto; min-width: 350px;}
  .main__layout .left .main__banner .n2-1 .bg {padding-bottom: calc(100% * 185 / 350); box-sizing: border-box; position: relative; height: 0;}
  .main__layout .left .main__banner .n2-1 .bg img {object-fit: initial; height: auto; }
  .main__layout .left .main__banner .txt {top: 16%;}
  .main__layout .left .main__banner .chip {margin: 16% 0 0;}
}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {
  .main__layout .left .main__banner .n2-1 {width: 50%; min-width: 0; max-width: none;}
}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {
  .main__layout .left .main__banner {position: initial; display: block;}
  .main__layout .left .main__banner .n2-1 {width: 100%;}
  .main__layout .left .main__banner .n2-1 .bg {padding-bottom: calc(100% * 194 / 360);}

}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}

.main__layout .right {width: 1044px; flex: none; border-right: 1px solid #ddd; box-sizing: border-box; border-left: 1px solid #ddd;}
.main__layout .right .top,
.main__layout .right .bottom {width: 100%; display: flex; justify-content: flex-start; align-items: stretch;}
.main__layout .right .top {height: 580px; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.main__layout .right .bottom {height: 420px;}
/*.main__layout .right .n2-1 {width: 50%; flex: none;}*/
.main__layout .right .n2-1 {border-right: 1px solid #ddd; }

.main__layout .right .n2-1:last-child {border-right: 0;}
.main__layout .right .n4-1 + .n4-1 {border-top: 1px solid #ddd; box-sizing: border-box;}
.main__layout .right .n3-1 {width: 100%;}
.main__layout .right .n3-1.new {padding: 30px 32px; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.main__layout .right .n3-1.new > .notice__lst {min-height:154px;}

.main_tit {font-size: 30px; color: #2e2e2e; font-weight: 500; margin: 0 0 28px;}
.main_more {display: block; width: 34px; height: 34px; background: url(/KOR/image/ico/news-more__btn.png) 50% 50% no-repeat; font-size: 0; background-size: 100% auto; position: absolute; right: 32px; top: 30px;}
.n2-1 {width: 50%; flex: none; position: relative; box-sizing: border-box; padding: 30px 32px;}
.n4-1 {width: 100%; height: 50%; position: relative; box-sizing: border-box; padding: 30px 32px;}
.n2-1.no-pad {padding: 0;}

/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
  .main__layout .right {width: 60%;}
}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {
  .main__layout .right {width: 100%;}
  .main__layout .right .n2-1 {padding: 20px 20px 0;}
  .main__layout .right .n4-1:first-of-type {padding: 20px 20px 0;}
  .main__layout .right .n4-1:last-of-type {padding: 20px 20px 0;}

  .main__layout .right .top {height: auto;}
}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .main__layout .right {width: 100%;}
  .main__layout .right .n2-1 {width: 50%; padding: 20px;}

}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {
  .main__layout .right .top, .main__layout .right .bottom {flex-wrap: wrap; height: auto;}
  .main__layout .right .n2-1 {width: 100%; padding: 30px;}
  .main__layout .right .n2-1:last-child {border-top: 1px solid #ddd;}
  .main__layout .right .n4-1 {height: auto;}
  .main__layout .right .n4-1:first-of-type {padding: 30px;}
  .main__layout .right .n4-1:last-of-type {padding: 30px;}
}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}

.main__layout .right .n2-1.news-n2-1 {}
.main__layout .news__lst {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
.main__layout .news__lst li {flex: none; width: 100%; padding: 0 0 26px; box-sizing: border-box; position: relative;}
.main__layout .news__lst li + li {margin: 30px 0 0;}
.main__layout .news__lst li::after {content : ''; display: block; width: calc(100% + 32px); height: 1px; position: absolute; bottom: 0; left: -16px; background: #eee;}
.main__layout .news__lst li:last-child::after {content: initial;}
.main__layout .news__lst li a {display: flex; width: 100%;}
.main__layout .news__lst li .txt {width: calc(100% - 117px); padding: 0 20px 0 0; box-sizing: border-box;}
.main__layout .news__lst li .txt h5 {font-size: 20px; font-weight: 400; color: #2e2e2e; margin: 0 0 8px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main__layout .news__lst li .txt h5 b {color: #010101; font-weight: 500;}
.main__layout .news__lst li .txt p {margin: 0 0 8px; width: 100%; font-size: 16px; color: #6c6c6c; line-height: 22px; max-height: 44px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.main__layout .news__lst li .txt span.date {font-size: 14px; color: #7f7f7f; font-weight: 400;}
.main__layout .news__lst li .img {width: 117px; height: 107px; overflow: hidden;}
.main__layout .news__lst li .img img {display: block; width: 100%; height: auto; object-fit: cover;}

.main__layout .news__lst li:hover .txt p {text-decoration: underline;}
.main__layout .news__lst li:hover .txt span.date {text-decoration: underline;}

.main__layout .next__lst {}
.main__layout .next__lst > li {width: 100%; margin: 0 0 18px 0; border-bottom: 1px solid #eee; box-sizing: border-box;}
.main__layout .next__lst > li:last-child {margin: 0; border-bottom: 0;}
.main__layout .next__lst > li .next__tit {font-size: 23px; color: #2e2e2e; font-weight: 500; margin: 0 0 16px;}
.main__layout .next__lst ul li {border-bottom: 1px solid #eee; box-sizing: border-box; padding: 0 0 16px;}
.main__layout .next__lst ul li + li {margin: 16px 0 0;}
.main__layout .next__lst ul li:last-child {border-bottom: 0;}
.main__layout .next__lst ul li a {width: 100%; display: flex; justify-content: flex-start; align-items: flex-end; }
.main__layout .next__lst ul li .date-box {width: 104px; }
.main__layout .next__lst ul li .date-box .date {display: inline-block; vertical-align: text-bottom; font-size: 26px; color: #2e2e2e; font-weight: bold; line-height: 1;}
.main__layout .next__lst ul li .date-box p {font-size: 18px; font-weight: 400; }
.main__layout .next__lst ul li .date-box span {font-size: 14px; font-weight: 400; vertical-align: text-bottom; padding-left: 10px;}
.main__layout .next__lst ul li .schedule {width: calc(100% - 104px); padding: 0 0 0 22px; box-sizing: border-box;}
.main__layout .next__lst ul li .schedule h5 {font-size: 16px; color: #2e2e2e; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; margin: 0 0 2px;}
.main__layout .next__lst ul li .schedule p {font-size: 14px; color: #7f7f7f; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; }

.main__layout .next__lst ul li:hover .schedule {text-decoration: underline;}

.main__layout .notice__lst li {width: 100%; line-height: 30px;}
.main__layout .notice__lst li a {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.main__layout .notice__lst li h5 {font-size: 16px; color: #2e2e2e; font-weight: 400; width: calc(100% - 80px); text-align: left; padding: 0 28px 0 0; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main__layout .notice__lst li span.date {width: 80px; text-align: right; font-size: 14px; color: #7f7f7f; font-weight: 400;}
.main__layout .notice__lst li span.chip {display: inline-block; vertical-align: middle; color: #fff; font-size: 14px; font-weight: 400; padding: 0 8px; line-height: 20px; border-radius: 8px; margin: 0 10px 0 0;}
.main__layout .notice__lst li span.chip.red {background: #f86767;}
.main__layout .notice__lst li span.chip.gray {background: #969696;}
.main__layout .notice__lst li span.chip.blue {background: #6790f8;}

.main__layout .notice__lst li:hover {text-decoration: underline;}

.main__layout .right .n3-1.youtube-box {height: 80px; padding: 0 40px; box-sizing: border-box;}
.main__layout .right .n3-1.youtube-box > a {display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 100%;}
.main__layout .right .n3-1.youtube-box img {display: block; margin: 6px 0 0; flex: none;}
.main__layout .right .n3-1.youtube-box h4 {font-size: 21px; color: #2e2e2e; font-weight: bold; margin: 0 0 0 10px; flex: none;}
.main__layout .right .n3-1.youtube-box h4 span {font-weight: 500; margin: 0 0 0 6px;}

.main__layout .user__bbs {padding: 30px 32px 0 0;}
.n4-2 {width: 100%; height: 50%; position: relative; box-sizing: border-box; padding: 30px 32px; border: 1px solid #dfe4e8; }
.main__layout .recruit__lst li {width: 100%; line-height: 30px;}
.main__layout .recruit__lst li a {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.main__layout .recruit__lst li h5 {font-size: 16px; color: #2e2e2e; font-weight: 400; width: calc(100% - 80px); text-align: left; padding: 0 28px 0 0; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main__layout .recruit__lst li span.date {width: 80px; text-align: right; font-size: 14px; color: #7f7f7f; font-weight: 400;}
.main__layout .recruit__lst li span.chip {display: inline-block; vertical-align: baseline; color: #fff; font-size: 14px; font-weight: 400; padding: 0 8px; line-height: 20px; border-radius: 8px; margin: 0 10px 0 0;}
.main__layout .recruit__lst li span.chip.red {background: #f86767;}
.main__layout .recruit__lst li span.chip.gray {background: #969696;}
.main__layout .recruit__lst li span.chip.blue {background: #6790f8;}
.main__layout .recruit__lst li:hover {text-decoration: underline;}


/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
  .main__layout .right .n3-1.youtube-box h4 span {display: block;}
}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {
  .main__layout .right .n2-1.no-pad {padding: 0;}

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .main__layout .right .n3-1.youtube-box {padding: 0 20px;}
  .main__layout .right .n3-1.youtube-box img {}
  .main__layout .right .n3-1.youtube-box h4 {font-size: 18px;}
  .main__layout .right .n3-1.youtube-box h4 span {display: inline-block;}
}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {
  .main__layout .right .n3-1.youtube-box > a {justify-content: center; text-align: center;}
  .main__layout .right .n3-1.youtube-box h4 span { display: block; margin: 6px 0 0;}
}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {

}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}

.main__layout .right .n3-1.video-n3-1 {height: 204px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 22px 0;}
.main__layout .video__lst {width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: stretch;}
.main__layout .video__lst li {width: 50%; flex: 1; padding: 0; box-sizing: border-box;}
.main__layout .video__lst li + li {border-left: 1px solid #ddd; box-sizing: border-box;}
.main__layout .video__lst .video__img {width: 161px; height: 107px; margin: 0 auto 20px; position: relative;}
.main__layout .video__lst .video__img::after{ content : ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/KOR/image/ico/main-video__ico.png) 50% 50% no-repeat; background-size: 58px auto; }
.main__layout .video__lst .video__img img {display: block; width: 100%; height: 100%;}
.main__layout .video__lst .video__txt {font-size: 16px; color: #6c6c6c; font-weight: 400; width: 100%; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 16px; box-sizing: border-box;}

.main__layout .video__lst li:hover {text-decoration: underline;}

/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {

}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .main__layout .video__lst .video__img {width: 80%; max-width: 161px;  }
}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {

}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}

.main__layout .right .n3-1.ico-box {height: 136px; display: flex; justify-content: flex-start; align-items: stretch;}
.main__layout .right .n3-1.ico-box .box {flex: 1; border-right: 1px solid #ddd; box-sizing: border-box; }
.main__layout .right .n3-1.ico-box .box:last-child {border-right: 0;}
.main__layout .right .n3-1.ico-box .box a {display: block; width: 100%; height: 100%; padding: 20px 0; box-sizing: border-box;}
.main__layout .right .n3-1.ico-box .box .img {width: 100%; height: 64px; }
.main__layout .right .n3-1.ico-box .box img {display: block; margin: 0 auto; width: auto; height: auto; max-width: 100%; max-height: 100%; transition: all 0.3s ease-in-out;}
.main__layout .right .n3-1.ico-box .box .txt {margin: 8px 0 0; text-align: center; font-size: 18px; font-weight: 500; color: #2e2e2e;}

/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {

}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .main__layout .right .n3-1.ico-box .box {padding: 0 10px; box-sizing: border-box;}
  .main__layout .right .n3-1.ico-box .box .txt {font-size: 16px;}
}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {
  .main__layout .right .n3-1.ico-box .box {padding: 0 5px;}
  .main__layout .right .n3-1.ico-box .box .txt {font-size: 14px;}
}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}

.partner__container {width: 100%; border-top: 1px solid #ddd; box-sizing: border-box; padding: 42px 0; overflow: hidden;}
.partner__container .container {}
.partner__container .partnerSwiper {position: relative; padding-left: 70px; box-sizing: border-box;}
.partner__container .swiper-button {z-index: 6; width: 33px; height: 68px; background: url(/KOR/image/ico/partner-32__btn.png) 50% 50% no-repeat; background-size: 100% auto; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.partner__container .swiper-button .swiper-button-prev {width: 100%; height: 32px; margin: 4px 0 0 !important; position: initial;}
.partner__container .swiper-button .swiper-button-next {width: 100%; height: 32px; margin: 0 !important; position: initial;}
.partner__container .swiper-button .swiper-button-prev.swiper-button-disabled {background: rgba(255, 255, 255, 1);}
.partner__container .swiper-button .swiper-button-next.swiper-button-disabled {background: rgba(255, 255, 255, 1);}
.partner__container .swiper-button .swiper-button-prev::after {font-size: 0; content: initial;}
.partner__container .swiper-button .swiper-button-next::after {font-size: 0; content: initial;}
.partner__container .swiper-wrapper {z-index: 5;}
.partner__container .swiper-slide {font-size: 16px; opacity: 0; visibility: hidden; width: 170px; height: 40px; border: 1px solid #ddd; box-sizing: border-box; margin: 0 40px 0 0; text-align: center; line-height: 39px; transition: 0.3s ease-in-out;}
.partner__container .swiper-slide.swiper-slide-active {opacity: 1; visibility: visible;}
.partner__container .swiper-slide.swiper-slide-active ~ .swiper-slide {opacity: 1; visibility: visible;}
.partner__container .swiper-slide img {border: 0; max-height: 100%; display: block; width: auto; height: auto; max-width: 100%; margin: 0 auto; }
.partner__container .swiper-button-next.swiper-button-disabled, .partner__container .swiper-button-prev.swiper-button-disabled {opacity: 0.7;}


/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
  .partner__container {padding: 42px 32px;}
}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .partner__container {padding: 42px 20px;}

}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {

}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}


.main__layout .main__after {position: relative; width: 100%; padding-bottom: 70px; box-sizing: border-box;}
.main__layout .main__after::before {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 30px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)); opacity: 0.15;}
.main__layout .main__after .user-layout {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; padding: 60px 0 0; box-sizing: border-box;}
.main__layout .main__after .left2 {padding: 0 0 0 40px; box-sizing: border-box; width: 695px; flex: none;}
.main__layout .main__after .right2 {width: calc(100% - 695px); box-sizing: border-box; flex: none;}
.user__info {padding: 16px 0 0 18px; box-sizing: border-box;}
.user__info h3 span {font-size: 57px; font-weight: 300; line-height: 1; display: block; color: #2e2e2e; margin: 0 0 8px;}
.user__info h3 {font-size: 74px; font-weight: 500; line-height: 1; color: #2e2e2e;}
.user__menu ul {display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; margin: 30px 0 0;}
.user__menu ul li {width: 144px; height: 168px; border: 1px solid #dfe4e8; box-sizing: border-box; border-left: 0;}
.user__menu ul li a {background: #fff; display: flex; width: 100%; height: 100%; flex-direction: column; flex-wrap: wrap; justify-content: flex-end;}
.user__menu ul li:first-of-type {border-left: 1px solid #dfe4e8;}
.user__menu ul li:nth-of-type(5) {border-left: 1px solid #dfe4e8; border-top: 0;}
.user__menu ul li:nth-of-type(6) {border-top: 0;}
.user__menu ul li:nth-of-type(7) {border-top: 0;}
.user__menu ul li:nth-of-type(8) {border-top: 0;}
.user__menu ul li .ico img {margin: 0 auto; display: block; max-width: 100%; max-height: 100%;}
.user__menu ul li .txt {margin: 18px 0 24px; text-align: center;}
.main__after .search__container {height: 82px; width: 650px; position: relative; margin: 0 0 50px;}
.main__after .search__input {background: transparent; padding: 0 70px 0 0; font-family: inherit; width: 100%; border-bottom: 3px solid #000; box-sizing: border-box; border-left: 0; border-right: 0; border-top: 0; height: 100%; font-size: 30px; font-weight: 500; color: #2e2e2e;}
.main__after .search__input::placeholder {color: #bababa; font-weight: 500;}
.main__after .search__btn {cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 61px; height: 60px; border-radius: 50%; background: url(/KOR/image/main/main__search.png) 50% 50% no-repeat; background-size: 100% auto; outline: 0; border: 0;}
.main__after {width: 100%; }
.user__memo .grid {width: 100%; display: flex; justify-content: flex-start; align-items: stretch; align-content: flex-start; flex-wrap: wrap;}
.grid-item {width: calc((100% - 14px) / 2); box-sizing: border-box; margin: 0 14px 14px 0; border-radius: 10px; padding: 18px 20px;}
.grid-item:nth-of-type(2n) {margin: 0 0 14px;}
.grid-item__orange {border: 1px solid #ffb142; background: #fffaf3;}
.grid-item__green { border: 1px solid #69b28a; background: #f3fff8;}
.grid-item__gray { border: 1px solid #cbcbcb; background: #fff;}
.grid-item h4 {font-size: 19px; color: #010101; font-weight: 500; line-height: 28px; margin: 0 0 14px; word-break: break-all;}
.grid-item p {font-size: 17px; color: #6c6c6c; font-weight: 400;}
.grid-item span {font-size: 17px; color: #393939; font-weight: 400; display: inline-block; position: relative; padding: 0 8px 0 0; box-sizing: border-box;}
.grid-item h5 {margin: 12px 0 0; font-size: 17px; color: #010101; font-weight: 500; display: flex; width: 100%;
  justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.grid-item h5 strong {font-size: 17px; color: #5c5c5c; font-weight: 500; text-align: right;}
.grid-item span em {position: absolute; right: 0; top: -6px; font-size: 12px;}


/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
  .main__layout .main__after .left2 {padding: 0 34px; width: 45%;}
  .main__layout .main__after .right2 {padding: 0 34px 0 0; width: 55%;}
  .user__menu ul li {width: 25%;}
}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {
  .user__info h3 span {font-size: 48px;}
  .user__info h3 {font-size: 68px;}

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {
  .main__layout .main__after .left2 {padding: 0 20px;}
  .main__layout .main__after .right2 {padding: 0 20px 0 0;}
  .main__after .search__container {width: 100%;}



}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .main__layout .main__after {padding: 0;}
  .main__layout .main__after .user-layout {flex-wrap: wrap; padding-top: 180px; background: #f8f8f8;}
  .main__layout .main__after .left2 {width: 100%; padding: 0 0; }
  .main__layout .main__after .right2 {width: 100%; padding: 30px 30px 0; border-top: 1px solid #ddd; box-sizing: border-box;}

  .main__after .search__container {box-sizing: border-box; width: calc(100% - 60px); position: absolute; top: 90px; left: 50%; transform: translateX(-50%); max-width: 652px; margin: 0;}

  .user__info h3 {display: none;}
  .user__menu {padding: 0 0 54px; box-sizing: border-box;}
  .user__menu ul {max-width: 652px; margin: 0 auto; width: 100%;}
  .user__menu ul li {max-width: 163px; height: 205px; width: 25%;}
  .user__menu ul li .ico {height: 92px;}
  .user__menu ul li .txt {font-size: 20px; margin: 18px 0;}


}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {
  .main__layout .main__after .user-layout {padding: 100px 0 0;}
  .main__after .search__container {height: 62px; top: 30px;}
  .main__after .search__input {padding: 0 40px 0 0; font-size: 20px;}
  .main__after .search__btn {height: 40px; width: 40px;}

  .user__menu {padding: 0;}
  .user__menu ul li {height: 105px; }
  .user__menu ul li a {flex-direction: row; align-content: flex-end; align-items: flex-end;}
  .user__menu ul li .ico {height: 52px; width: 100%; position: relative;}
  .user__menu ul li .ico img {max-width: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
  .user__menu ul li .txt {font-size: 12px; width: 100%;  margin: 8px 0 12px;}

  .grid-sizer,.grid-item {width: 100%; margin: 0 0 14px;}


}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}


/*********************sub*****************************/
/*********************sub*****************************/
/*********************greeting*****************************/
.flex-container {display: flex; justify-content: flex-start; align-items: flex-start; width: 100%;}
.flex-container .left,
.flex-container .right {flex: none;}
.flex-container .left {width: 750px; padding: 10px 3px 0 4px; box-sizing: border-box;}
.flex-container .right {width: 315px; margin: 0 0 0 85px; box-sizing: border-box;}

.greeting__container {}
.greeting__container h3 {font-size: 24px; color: #323232; font-weight: 300; line-height: 36px; }
.greeting__container .left {width: 65.2%;}
.greeting__container .right {width: 27.3%; margin: 0 0 0 7.5%;}
.greeting__container .left p {margin: 30px 0 0; font-size: 18px; color: #545454; font-weight: 300; line-height: 34px; word-break: keep-all;}
.greeting__container .imgs {width: 100%;}
.greeting__container .imgs img {display: block; width: 100%; height: auto;}
.greeting__container h4 {text-align: right; font-size: 17px; color: #545454; font-weight: 300; margin: 16px 0 9px;}
.greeting__container h5 {text-align: right; font-size: 30px; color: #545454; font-weight: 500;}

.greeting__container.eng h3 {letter-spacing: -0.04em;}
.greeting__container.eng .left p {letter-spacing: -0.04em;}
.greeting__container.eng h4 {font-size: 20px; font-weight: bold; }
.greeting__container.eng h5 {font-size: 18px; font-weight: 300; }

/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {

}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .greeting__container {padding: 0 20px; box-sizing: border-box;}
  .greeting__container .flex-container {flex-wrap: wrap;}
  .greeting__container .left {width: 100%;}
  .greeting__container .right {width: 100%; order: -1; margin: 0 0 4%; text-align: right;}
  .greeting__container .right .imgs {max-width: 310px; min-width: 280px; width: 100%; display: inline-block;}
}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {

  .flex-container .left {padding: 10px 0;}

  .greeting__container h3 {font-size: 18px; line-height: 26px; word-break: keep-all;}
  .greeting__container .left p {margin: 28px 0 0; font-size: 16px; line-height: 28px;}
  .greeting__container h4 {font-size: 16px; margin: 13px 0 0;}
  .greeting__container h5 {font-size: 22px;}


  .greeting__container .right .imgs {max-width: 280px; min-width: 100%;}

}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}
/*********************greeting*****************************/
/*********************organ*****************************/
.organ__container {width: 100%;}
.organ__container table {width: 100%; border-top: 2px solid #000; box-sizing: border-box;}
.organ__container table th,
.organ__container table td {vertical-align: middle; color: #272727; font-weight: 300; font-size: 17px; border-bottom: 1px solid #d6d6d6; box-sizing: border-box; border-right: 1px solid #d6d6d6;}
.organ__container table th {text-align: center; background: #f8f8f8; height: 50px; }
.organ__container table td {padding: 0 22px; background: #fff; height: 46px;}
.organ__container table th:last-child,
.organ__container table td:last-child {border-right: 0;}
.organ__container table + table {margin: 60px 0 0; }
.organ__container table.table_2 th{width: 20%; text-align: left; padding: 0 0 0 22px; box-sizing: border-box; vertical-align: middle;}
.organ__container table.table_2 td{width: 30%; vertical-align: middle; padding: 0.625rem 1rem;}
.organ__container table.table_2 td[colspan="3"] {width: 80%;}
.organ__container table.table_3 th{width: 20%; text-align: left; padding: 0 0 0 22px; box-sizing: border-box; vertical-align: middle;}
.organ__container table.table_3 td{width: 30%; vertical-align: middle; padding: 0.625rem 1rem;}
.organ__container table.table_3 td[colspan="3"] {width: 80%;}
.organ__container table.table_3 td[colspan="4"] {width: 100%;}
.organ__container table.table_3 input[type='text']  {padding: 0 0.625rem; height: 2.85rem; line-height: 2.85rem; width: 100%; border: 1px solid #ddd; box-sizing: border-box; font-size: 15px; letter-spacing: -0.065em;}
.organ__container h3 {font-size: 1.25rem; margin: 0 0 0.625rem; font-weight: 500; color: #000; letter-spacing: -0.065em;}
.organ__container h3.mg2 {margin: 1.25rem 0 0.625rem;}
.organ__container .agree_container {font-size: 1.125rem; color: #272727; letter-spacing: -0.065em; line-height: 1.2;}
.organ__container .chk_container {margin: 1rem 0 0; font-size: 1rem; color: #000; letter-spacing: -0.065em; line-height: 1.2; display: flex; justify-content: flex-end; align-items: center;}
.organ__container .chk_container input[type='checkbox'],
.organ__container .chk_container label {flex: none;}
.organ__container table.table_3 .awards_btns {width: 100%; display: flex; justify-content: flex-end; align-items: center;}
.organ__container table.table_3 .awards_btn {flex: none; display: flex; justify-content: center; align-items: center; line-height: 1;
  text-align: center; color: #fff; font-size: 1.25rem; font-weight: 800; width: 2rem; height: 2rem; background-color: #2d2d2d; border: 0; border-radius: 0.25rem;}
.organ__container table.table_3 .awards_add {}
.organ__container table.table_3 .awards_del {margin: 0 0 0 0.25rem;}
/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .organ__container {padding: 0 20px; box-sizing: border-box;}
  .organ__container table.table_2 {width: 100%; display: block;}
  .organ__container table.table_2 tbody {width: 100%; display: block;}
  .organ__container table.table_2 tr {width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start;}
  .organ__container table.table_2 th {font-size: 16px; width: 10rem; display: flex; justify-content: flex-start; align-items: center; height: auto; border: 0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;  padding: 6px 12px; box-sizing: border-box;}
  .organ__container table.table_2 td {font-size: 16px; width: calc(100% - 10rem); display: block; height: auto; border: 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
  .organ__container table.table_2 td[colspan="3"] {width: calc(100% - 10rem);}

  .organ__container table.table_3 {width: 100%; display: block;}
  .organ__container table.table_3 tbody {width: 100%; display: block;}
  .organ__container table.table_3 tr {width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start;}
  .organ__container table.table_3 th {font-size: 16px; width: 10rem; display: flex; justify-content: flex-start; align-items: center; height: auto; border: 0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;  padding: 6px 12px; box-sizing: border-box;}
  .organ__container table.table_3 td {font-size: 16px; width: calc(100% - 10rem); display: block; height: auto; border: 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
  .organ__container table.table_3 td[colspan="3"] {width: calc(100% - 10rem);}
  .organ__container table.table_3 td[colspan="4"] {width: 100%;}

}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {
  .organ__container table td {padding: 0 10px;}
}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {
  .organ__container table th, .organ__container table td {font-size: 15px;}


}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}
/*********************organ*****************************/
/*********************president*****************************/
.president__container {width: 100%; }
.president__container ul {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
.president__container li {position: relative; background: #fff; z-index: 1; width: calc((100% - 51px) / 4); margin: 0 17px 17px 0; height: 240px; box-sizing: border-box; border-radius: 8px; padding: 20px 15px;}
.president__container li::after {transition: all 0.1s linear; border-radius: inherit; border: 1px solid #d6d6d6; content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.president__container li:hover::after {border: 2px solid #a5b9fd;}
.president__container li:nth-child(4n) {margin: 0 0 17px;}
.president__container li .flex-container {align-items: center;}
.president__container li .img {flex: none; width: 103px; height: 91px; position: relative; overflow: hidden; border-radius: 6px;}
.president__container li .img img {display: block; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.president__container li .txt {flex: none; width: calc(100% - 103px); padding: 0 0 0 10px; box-sizing: border-box;}
.president__container li .txt span {font-size: 21px; color: #0b0b0b; font-weight: 300; line-height: 1;}
.president__container li:hover .txt span {color: #2358a0;}
.president__container li .txt h4 {font-size: 33px; color: #2b2b2b; font-weight: 500; line-height: 1; margin: 6px 0 0;}
.president__container li .desc {margin: 20px 0 0; padding: 20px 0 0 15px; width: 100%; border-top: 1px solid #eaeaea; box-sizing: border-box;}
.president__container li .desc p {font-size: 20px; color: #545454; font-weight: 300; line-height: 28px; letter-spacing: -0.04em;}

/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
  .president__container li {width: calc((100% - 34px) / 3); margin: 0 17px 17px 0;}
  .president__container li:nth-child(4n) {margin: 0 17px 17px 0; }
  .president__container li:nth-child(2n) {margin: 0 17px 17px 0; }
  .president__container li:nth-child(3n) {margin: 0 0 17px; }

}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {
  .president__container li {width: calc((100% - 17px) / 2); margin: 0 17px 17px 0;}
  .president__container li:nth-child(3n) {margin: 0 17px 17px 0 !important; }
  .president__container li:nth-child(2n), .president__container li:nth-child(4n) {margin: 0 0 17px 0 !important; }
}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .president__container {padding: 0 20px; box-sizing: border-box;}
  .president__container li {width: calc((100% - 34px) / 3); margin: 0 17px 17px 0;}
  .president__container li:nth-child(4n) {margin: 0 17px 17px 0 !important; }
  .president__container li:nth-child(2n) {margin: 0 17px 17px 0 !important; }
  .president__container li:nth-child(3n) {margin: 0 0 17px !important; }
}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {
  .president__container li {width: calc((100% - 17px) / 2); margin: 0 17px 17px 0;}
  .president__container li:nth-child(3n) {margin: 0 17px 17px 0 !important; }
  .president__container li:nth-child(2n), .president__container li:nth-child(4n) {margin: 0 0 17px 0 !important; }
}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {
  .president__container li {width: 100%; margin: 0 0 20px;}
  .president__container li:nth-child(3n) {margin: 0 0 20px !important;}
  .president__container li:nth-child(2n), .president__container li:nth-child(4n) {margin: 0 0 20px 0 !important; }
  .president__container li .desc {padding: 15px 8px;}


}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}
/*********************president*****************************/
/*********************president2__detail*****************************/
.president__container2 .organ__container {margin: 60px 0 80px;}
.president__container2 .flex-container .left {width: 200px;}
.president__container2 .flex-container .left .imgs {width: 100%; }
.president__container2 .flex-container .left .imgs img {display: block; width: auto; max-width: 100%; height: auto;}
.president__container2 .flex-container .right {width: calc(100% - 200px); margin: 0;}
.president__container2 .flex-container .right p {font-size: 18px; color: #545454; font-weight: 300; line-height: 34px;}
.president__container2 .flex-container .right h4 {text-align: right; font-size: 17px; color: #545454; font-weight: 300; margin: 60px 0 12px;}
.president__container2 .flex-container .right h5 {text-align: right; font-size: 30px; color: #545454; font-weight: 500;}

/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .president__container2 {padding: 0 20px; box-sizing: border-box;}
  .president__container2 .organ__container {padding: 0;}

}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {
  .president__container2 .flex-container {flex-wrap: wrap;}
  .president__container2 .flex-container .left {width: 100%; margin: 0 0 4%; text-align: right;}
  .president__container2 .flex-container .left .imgs {max-width: 140px; display: inline-block;}
  .president__container2 .flex-container .right {width: 100%;}
}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {
  .president__container2 .flex-container .right p {font-size: 16px; line-height: 28px;}
  .president__container2 .flex-container .right h4 {font-size: 16px; margin: 13px 0 0;}
  .president__container2 .flex-container .right h5 {font-size: 22px;}
}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}
/*********************president2__detail*****************************/
/*********************society*****************************/
.society__container {width: 100%;}
.society__container .chapter {width: 100%;}
.society__container li + li {margin: 54px 0 0;}
.society__container li h3 {margin: 0 0 18px; font-size: 24px; color: #272727; font-weight: 400; padding: 0 0 18px; box-sizing: border-box; border-bottom: 2px solid #000; }
.society__container li h4 {margin: 0 0 14px; font-size: 17px; color: #272727; font-weight: 400;}
.society__container li .chapter__detail {font-size: 17px; font-weight: 300; color: #272727; width: 100%; padding: 18px; box-sizing: border-box; background: #f8f8f8;}
.society__container li .chapter__detail + h4 {margin: 34px 0 14px;}
.society__container li .chapter__detail p {line-height: 36px;}
.society__container li .chapter__detail h5 {color: #272727; font-weight: 500; margin: 0 0 10px; }
.society__container li .chapter__detail h5 + h5 {margin: 20px 0 10px;}
.society__container li .chapter__detail p + h5 {margin: 20px 0 10px;}

.society__container.research_ver li .chapter__detail h5 {font-weight: 500; font-size: 17px; color: #333; line-height: 1.6;}
.society__container.research_ver li .chapter__detail p {line-height: 32px; }

/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .society__container {padding: 0 20px; box-sizing: border-box;}

}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {
  .society__container li .chapter__detail p {font-size: 16px; line-height: 32px;}
}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}
/*********************society*****************************/
/*********************intervention*****************************/
.inter__container {width: 100%;}
.inter__container section {width: 100%; display: flex; justify-content: center; align-items: flex-start; background: #fafafa;  padding: 20px 32px; box-sizing: border-box; margin: 0 0 48px;}
.inter__container section .n3-box {flex: none; font-size: 17px; color: #545454; font-weight: 500; line-height: 32px;}
.inter__container section .n3-1 {width: 25%;}
.inter__container section .n3-2 {width: 30%;}
.inter__container section .n3-3 {width: 45%;}
.inter__container article {width: 100%; border-top: 2px solid #000; box-sizing: border-box; padding: 50px 0 0;}
.inter__container article h3 {font-size: 25px; color: #272727; font-weight: 600;}
.view__name {font-size: 20px; font-weight: 500; color: #000; text-align: right; margin: 0 0 14px;}
.view__name sup {vertical-align: super; font-size: smaller;}
.view__name span {position: relative; margin: 0 12px 0 0;}
.view__name .institution_number {margin:0; font-weight: 500; letter-spacing: -1px; font-size: 10px; vertical-align:super; line-height: 1.0em; color: #000000; text-align: right;}
.view__name .view__institution {font-size: 18px; font-weight: 300; color:#545454; font-style: italic;}
.inter__container article > p {font-size: 18px; color: #272727; font-weight: 300; margin: 20px 0 20px; line-height: 32px;}
.inter__container article .box {width: 100%; background: #fafafa; padding: 26px 30px; box-sizing: border-box;}
.inter__container article .box .img {padding: 30px 0 0 20px; box-sizing: border-box; width: 100%;}
.inter__container article .box img {max-width: 100%; height: auto;}
.inter__container article .box + p {margin: 36px 0 0;}
.inter__container article .box h4 {font-size: 18px; color: #272727; font-weight: 500;}
.inter__container article .box p {margin: 10px 0 0; font-size: 18px; color: #272727; font-weight: 300;}
.inter__container article ol {margin: 70px 0 0;}
.inter__container article ol li h5 {font-size: 20px; color: #272727; font-weight: 500; padding: 0 0 8px; box-sizing: border-box; /*border-bottom: 1px solid #000; margin: 0 0 16px;*/}
.inter__container article ol li li {font-size: 18px; color: #272727; font-weight: 300; line-height: 32px;}
.inter__container article ol > li + li {margin: 35px 0 0;}
.inter__container article ol > li:last-of-type {margin:35px 0 70px;}
.inter__container.first article {border-top:0;}
/*pc ÇØ
»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {

}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .inter__container {padding: 0 24px; box-sizing: border-box;}
  .inter__container section {flex-wrap: wrap;}
  .inter__container section .n3-1 {width: 100%;}
  .inter__container section .n3-2 {width: 100%;}
  .inter__container section .n3-3 {width: 100%;}
}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {
  .inter__container section {padding: 20px 20px;}
  .inter__container article > p {font-size: 16px; line-height: 28px;}
  .inter__container article .box {padding: 20px;}
  .inter__container article .box p {font-size: 16px; line-height: 26px;}
}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}
/*********************intervention*****************************/
/*********************agency*****************************/
.agency__container {}
.agency__tab {display: flex; justify-content: flex-start; align-items: center; width: 100%; border-bottom: 1px solid #a0a0a0; box-sizing: border-box;}
.agency__tab li {flex: none;}
.agency__tab li + li {margin: 0 0 0 2px;}
.agency__tab li a {display: flex; justify-content: center; align-items: center; padding: 20px 18px; box-sizing: border-box; border: 1px solid #a0a0a0; border-bottom: 0; color: #545454; font-size: 17px; font-weight: 500; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.agency__tab li.active a {background: #686868; color: #fff;}
.agency__notice {padding: 28px 32px; background: #fafafa; box-sizing: border-box;}
.agency__notice li {font-size: 18px; color: #272727; font-weight: 300; line-height: 36px; position: relative;}
.agency__notice li::before {position: absolute; top: 16px; left: -14px; content: ''; display: block; width: 6px; height: 6px; border-radius: 3px; background: #d6d6d6; box-sizing: border-box;}
.agency__form {margin: 30px 0 0;}
.agency__form form {display: flex; width: 100%; justify-content: flex-end; align-items: center;}
.agency__form form * {flex: none; font-family: inherit;}
.agency__form button[type=button] {padding: 13px 24px; box-sizing: border-box; display: flex; background: #4d4d4d; color: #fff; border: 0; outline: 0; font-size: 17px; font-weight: 500; font-family: inherit; border-radius: 8px;}
.agency__form #agency__input {width: 342px; border: 1px solid #a0a0a0; box-sizing: border-box; border-radius: 8px; background: #fff; height: 51px; margin: 0 10px 0 0; font-size: 17px; color: #545454; font-weight: 500;  padding: 0 15px;}
.agency__form #name__input {width: 212px; border: 1px solid #a0a0a0; box-sizing: border-box; border-radius: 8px; background: #fff; height: 51px; margin: 0 10px 0 0; font-size: 17px; color: #545454; font-weight: 500;  padding: 0 15px;}
.agency__form select {background: #fff url(/KOR/image/ico/select.png) calc(100% - 15px) 50% no-repeat; width: 212px; border: 1px solid #a0a0a0; box-sizing: border-box; border-radius: 8px; height: 51px; font-size: 17px; color: #545454; font-weight: 500; padding: 0 15px;}
.agency__form select + select {margin: 0 0 0 12px; }
.agency__form label {display: block; margin: 0 10px 0 0; font-size: 17px; color: #545454; font-weight: 500;}
.agency__form label:nth-of-type(2) {margin: 0 10px 0 44px;}
.agency__section {margin: 50px 0 0;}
.agency__section h4 {font-size: 24px; font-weight: 500; color: #2e2e2e; border-bottom: 2px solid #000; box-sizing: border-box; padding: 0 0 16px; margin: 0 0 30px;}
.agency__section h4 em {color: #ef4f4f;}
.agency__section h4 span {color: #272727; font-size: 18px; font-weight: 300;}
.agency__section .left {width: 590px; flex: none;}
.agency__section .right {width: calc(100% - 590px - 74px); margin: 0 0 0 74px; box-sizing: border-box; flex: none;}
.agency__section .right #map {width: 100% !important;}
.agency__section .right #map a {font-size:14px;}
.agency__section .right #map img{display: inline-block;}
.agency__lst li {border-bottom: 1px solid #000; box-sizing: border-box; padding: 24px 6px; position: relative;}
.agency__lst li .num {display: inline-block; width: 31px; height: 31px; border-radius: 50%; box-sizing: border-box; vertical-align: middle; background: #666; color: #fff; text-align: center; line-height: 29px;}
.agency__lst li .tit {font-size: 20px; font-weight: 500; color: #545454; display: inline-block; vertical-align: middle; margin: 0 0 0 6px;}
.agency__lst li p {margin: 12px 0 0; font-size: 18px; color: #2a2a2a; font-weight: 300; line-height: 25px;}
.agency__lst li dl {position: absolute; right: 0; top: 24px; display: flex; justify-content: flex-end; align-items: center;}
.agency__lst li dl i {display: block; width: 31px; height: 31px; flex: none;}
.agency__lst li dl dd {display: flex; justify-content: flex-start; align-items: center; flex: none;}
.agency__lst li dl dd + dd {margin: 0 0 0 18px;}
.agency__lst li .gps {background: url(/KOR/image/sub/agency__util1.png) 50% 50% no-repeat; background-size: auto 100%;}
.agency__lst li .hp {background: url(/KOR/image/sub/agency__util2.png) 50% 50% no-repeat; background-size: auto 100%;}
.agency__lst li .tel {background: url(/KOR/image/sub/agency__util3.png) 50% 50% no-repeat; background-size: auto 100%;}

.agency__notice.ver2 {padding: 24px 32px; margin: 0 0 50px;}
.agency__form.mem__form {margin: 0;}
.agency__form.mem__form form {justify-content: center;}
.agency__form.mem__form select {width: 342px;}
.agency__form.mem__form button {margin: 0 0 0 10px;}
.agency__form.mem__form i {display: none;}

/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
  .agency__section .left {width: 500px;}
  .agency__section .right {width: calc(100% - 500px - 40px); margin: 0 0 0 40px;}
}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
@media all and (max-width: 1440px) {
  .agency__form form {flex-wrap: wrap; justify-content: flex-start;}
  .agency__form label {width: 60px;}
  .agency__form select {width: calc((100% - 82px) / 2);}
  .agency__form label:nth-of-type(2) {margin: 10px 10px 0 0;}
  .agency__form #agency__input {margin: 10px 10px 0 0; width: calc(100% - 160px);}
  .agency__form button[type=button] {margin: 10px 0 0; width: 80px;}

  .agency__form.mem__form label {width: 50px;}
  .agency__form.mem__form label:nth-of-type(2) {margin: 0 10px 0 10px;}
  .agency__form.mem__form button {margin: 0 0 0 10px !important;}
}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {
  .agency__section .flex-container {flex-wrap: wrap;}
  .agency__section .left {width: 100%;}
  .agency__section .right {width: 100%; order: -1; margin: 0;}
  .agency__section .right #map img {display: block; width: 100%; }

  .agency__form.mem__form form {justify-content: center;}
  .agency__form.mem__form form label {text-align: right;}
  .agency__form #name__input {width: 160px;}
  .agency__form.mem__form select {width: 200px;}


}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .agency__container {padding: 0 20px; box-sizing: border-box;}
  .agency__form {}
  /*.agency__form form {flex-wrap: wrap; justify-content: flex-start;}*/
  /*.agency__form label {width: 60px;}*/
  /*.agency__form select {width: calc((100% - 82px) / 2);}*/
  /*.agency__form label:nth-of-type(2) {margin: 10px 10px 0 0;}*/
  /*.agency__form #agency__input {margin: 10px 10px 0 0; width: calc(100% - 160px);}*/
  /*.agency__form button[type=button] {margin: 10px 0 0; width: 80px;}*/
  .agency__section {padding: 0 20px; box-sizing: border-box; }
  .agency__section h4 span {display: block; margin: 10px 0 0;}
  .agency__lst li .utils {position: initial; margin: 16px 0 0;}


}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {
  .agency__notice.ver2 {padding: 24px; }
  .agency__form.mem__form i {display: block; width: 100%; height: 10px;}
  .agency__form.mem__form .button-i {height: 20px;}
  .agency__form.mem__form #name__input {width: calc(100% - 80px); margin: 0;}
  .agency__form.mem__form select {width: calc(100% - 80px); margin: 0;}
  .agency__form.mem__form form label {margin: 0 !important; width: 80px; text-align: left;}

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {
  .agency__form {margin: 24px 0 0;}
  .agency__form select {width: calc(100% - 70px); font-size: 15px;}
  .agency__form select:nth-of-type(2) {width: calc(100% - 70px); margin: 10px 0 0 70px;}
  .agency__form #agency__input {margin: 10px 0 0 0; width: calc(100% - 70px);}
  .agency__form button[type=button] {margin: 10px 0 0 calc(100% - 80px);}

  .agency__notice {padding: 20px 28px 20px 32px;}
  .agency__notice li {font-size: 16px; line-height: 28px;}
  .agency__notice li::before {top: 12px;}

  .agency__form label {font-size: 16px;}



}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}
/*********************agency*****************************/
/*********************family*****************************/
.family__container {}
.family__container li {display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 32px 0;}
.family__container li:first-of-type {}
.family__container.space li {justify-content: space-between;}
.family__container li .imgs {width: 222px; flex: none;}
.family__container li .imgs img {display: block; max-width: 100%; height: auto;}
.family__container li h3 {flex: none; font-size: 18px; color: #2a2a2a; font-weight: 500;}
.family__container li .family__dir {display: block; flex: none; margin: 0 0 0 44px; color: #545454; font-weight: 400; font-size: 16px; border: 1px solid #c4c4c4; padding: 8px 12px; border-radius: 6px; box-sizing: border-box; background: #fff;}

.family__container.membership {margin: 32px 0 0;}
.family__container.membership li:first-of-type {border-top: 1px solid #ccc; box-sizing: border-box;}
/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {
  .family__container li {flex-wrap: wrap;}
  .family__container li h3 {width: 100%; margin: 10px auto;}
  .family__container li .family__dir {margin: 0;}
}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .family__container {padding: 0 20px; box-sizing: border-box;}

}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {

}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}
/*********************family*****************************/
/*********************Ķ¸°´õ*****************************/
.cal-lst__container {}
.cal-lst__container .cal_list_search {padding: 24px; border-bottom: 2px solid #000; box-sizing: border-box; background: #fafafa;}
.cal-lst__container .cal_list_search li {display: flex; justify-content: flex-start; align-items: center;}
.cal-lst__container .cal_list_search li + li {margin: 12px 0 0;}
.cal-lst__container .cal_list_search input {font-size: 14px; color: #545454; font-weight: 300; width: 142px; height: 36px; border: 1px solid #ccc; background: #fff; border-radius: 4px; box-sizing: border-box; padding: 0 10px;}
.cal-lst__container .cal_list_search button {border: 0; background: transparent;}
.cal-lst__container .cal_list_search span {font-size: 16px; color: #545454; font-weight: 500; margin: 0 16px 0 0;}
.cal-lst__container .cal_list_search input + button {margin: 0 0 0 4px;}
.cal-lst__container .cal_list_search input + button[type=submit] {font-size: 16px; cursor: pointer; height: 36px; margin: 0 0 0 4px; border: 1px solid #eb1c27; color: #eb1c27; padding: 4px 12px; box-sizing: border-box; border-radius: 4px;}
.cal-lst__container .cal_list_search button + font {margin: 0 12px 0 4px;}
.cal-lst__container .cal_list_search select {margin: 0 4px 0 0; background: #fff  url(/KOR/image/ico/select.png) calc(100% - 10px) 50% no-repeat; background-size: 12px auto; appearance: none; font-size: 14px; color: #545454; font-weight: 300; width: auto; height: 36px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; padding: 0 30px 0 8px;}
.cal-lst__container .cal_list_search select,
.cal-lst__container .cal_list_search input,
.cal-lst__container .cal_list_search button {font-family: inherit;}

.cal-lst__container .cal_list {width: 100%;}
.cal-lst__container .cal_list{width: 100%;}
.cal-lst__container .cal_list li{ padding:20px 10px; box-sizing: border-box; border-bottom:1px solid #000;}
.cal-lst__container .cal_list li a{display: inline-block; }
.cal-lst__container .cal_list li b {font-size: 18px; color: #545454; font-weight: 500; display: block; margin: 0 0 4px;}
.cal-lst__container .cal_list li span {font-size: 18px; color: #2a2a2a; font-weight: 300; display: block;}
/*********************Ķ¸°´õ*****************************/
/*********************ÃÖ±ÙÈ£*****************************/
.recent__container .search__container {  margin: 0 auto 20px;}
.recent__container .search__area {position: relative; margin: 36px auto 14px; width: 549px; display: flex; align-items: center; justify-content: center;}
.recent__container .search__input {outline: 0; font-family: inherit; font-size: 17px; font-weight: 500; color: #2e2e2e; padding: 0 58px 0 14px; box-sizing: border-box; width: 435px; height: 52px; border: 1px solid #a3a3a3; background: #fff; border-radius: 12px; }
.recent__container .search__input::placeholder {color: #bababa;}
.recent__container .search__btn {left: 380px; border: 0; outline: 0; cursor: pointer; width: 52px; height: 52px; position: absolute; top: 0; display: block; background: url(/KOR/image/ico/lnb__search.png) 50% 50% no-repeat; background-size: 25px auto;}
.recent__container .reset__btn {background: #5e5e5e; color: #fff; width: 98px; height: 52px; margin: 0 0 0 12px; font-size: 17px; font-weight: 500; font-family: inherit; border-radius: 8px; border: 0; outline: 0;}

.recent__container .select__area {margin: 36px auto 14px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.recent__container .select__area select {flex: none; font-size: 17px; color: #545454; width: auto; height: 52px; border: 1px solid #a3a3a3; border-radius: 10px; box-sizing: border-box; padding: 0 40px 0 15px; }
.recent__container .select__area select::placeholder {color: #bababa;}
.recent__container .select__area select + select {margin: 0 0 0 10px;}
.recent__container .select__area select:first-of-type {width: 18.4%; background: #e34d55 url(/KOR/image/ico/sel_ico.png) calc(100% - 15px) 50% no-repeat; color: #fff; border-color: #e34d55;}
.recent__container .select__area select:nth-of-type(2) {width: 18.4%;}
.recent__container .select__area select:nth-of-type(3) {width: 18.4%;}
.recent__container .select__area select:nth-of-type(4) {width: calc(44.8% - 30px);}

.recent__container .cate__container {margin: 0 0 20px; background: #f8f8f8; border-radius: 12px; width: 100%; padding: 24px; box-sizing: border-box;}
.recent__container .cate__container .inline__layout {display: flex; justify-content: center; align-items: center;}
.recent__container .cate__container span {font-size: 17px; color: #545454; font-weight: 300; flex: none; position: relative; padding: 0 40px 0 0; box-sizing: border-box; display: block;}
.recent__container .cate__container span::after {content : ''; display: block; width: 9px; height: 15px; background: url(/KOR/image/ico/cate__arrow.png) 50% 50% no-repeat; background-size: 100% auto; position: absolute; right: 15px; top: 60%; transform: translateY(-50%);}
.recent__container .cate__container span:last-child {color: #e34d55;}
.recent__container .cate__container span:last-child::after {content: initial;}

.recent__container .pdf__container {width: 100%; }
.recent__container .pdf__container table {width: 100%; border-top: 2px solid #000; box-sizing: border-box;}
.recent__container .pdf__container tbody {width: 100%;}
.recent__container .pdf__container tr {width: 100%;}
.recent__container .pdf__container td {padding: 14px 0; box-sizing: border-box; vertical-align: middle; font-size: 16px; color: #464646; border-bottom: 1px solid #ddd;}
.recent__container .pdf__container td:first-child {width: 30%;/*width: 168px;*/ padding: 0 0 0 13px; font-weight: 500;}
.recent__container .pdf__container td:last-child {width: calc(100% - 168px);}

.recent__container .pdf__viewer {margin: 50px 0 0; width: 100%; text-align: center;}

.recent__tab ul {width: 100%; display: flex; justify-content: center; align-items: center;}
.recent__tab ul li + li {margin: 0 0 0 1rem;}
.recent__tab ul li {flex: none;}
.recent__tab ul li a {font-size: 1rem; font-weight: 500; letter-spacing: -0.065em; display: flex; justify-content: center; align-items: center; text-align: center; padding: 0.625rem 1.25rem; background-color: #f9f9f9; color: #2d2d2d; border-radius: 0.625rem;}
.recent__tab ul li.active a {background-color: #2d2d2d; color: #fff;}

/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {

}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .recent__container .search__area {width: 100%; padding: 0 20px; box-sizing: border-box;}
  .recent__container .search_view_lst {width: 100%; padding: 0 20px; box-sizing: border-box;}
  .recent__container .search__input {width: calc(100% - 110px);}
  .recent__container .search__btn {left: initial; right: 130px;}

  .recent__container .search__area {margin: 24px auto 14px;}
  .recent__container .select__area {flex-wrap: wrap; padding: 0 20px; box-sizing: border-box; margin: 24px auto 14px;}
  .recent__container .select__area select:first-of-type {width: calc((100% - 10px) / 2);}
  .recent__container .select__area select:nth-of-type(2) {width: calc((100% - 10px) / 2);}
  .recent__container .select__area select:nth-of-type(3) {width: calc(40% - 10px); margin: 10px 0 0;}
  .recent__container .select__area select:nth-of-type(4) {width: 60%; margin: 10px 0 0 10px;}

  .recent__container .cate__container .inline__layout {flex-wrap: wrap;}
}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {

}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {
  .recent__tab ul li + li {margin: 0 0 0 0.625rem;}
  .recent__tab ul li a {padding: 0.625rem 1rem; font-size: 0.9375rem;}
}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {
  .recent__tab ul li + li {margin: 0 0 0 0.5rem;}
  .recent__tab ul li a {padding: 0.625rem 0.875rem; font-size: 0.875rem;}
}

/*********************ÃÖ±ÙÈ£*****************************/
.recent_view__container {padding: 0 0 40px; box-sizing: border-box;}
.recent_view__container .view__tit {font-size: 27px; font-weight: 600; color: #000; margin: 0 0 36px;}
.recent_view__container .view__name {font-size: 20px; font-weight: 500; color: #000; text-align: right; margin: 0 0 14px;}
.recent_view__container .view__name span {position: relative; margin: 0 12px 0 0; padding: 0 12px 0 0; box-sizing: border-box; display: inline-block;}
.recent_view__container .view__name .name-count {position: absolute; right: 0; top: -4px; font-size: 14px; font-weight: bold;}
.recent_view__container .view__name i {display: inline-block; width: 1px; height: 15px; background: #ccc; position: absolute; top: 6px; right: -6px;}
.recent_view__container .view__name .institution_number {margin:0; font-weight: 500; letter-spacing: -1px; font-size: 10px; vertical-align:super; line-height: 1.0em; color: #000000; text-align: right;}
.recent_view__container .view__name .view__institution {font-size: 18px; font-weight: 300; color:#545454; font-style: italic; position: relative;}
.recent_view__container .view__name .view__institution em {}
.recent_view__container .summary__container {/*border-bottom: 1px solid #ccc;*/ box-sizing: border-box; padding: 20px 0;}
.recent_view__container .summary__container:first-of-type {border-top: 1px solid #ccc;}
.recent_view__container .summary__container h4 {margin: 0 0 10px; font-size: 20px; font-weight: 500; color: #545454;}
.recent_view__container .summary__container h4.title_small {font-size: 18px; font-style: italic;}
.recent_view__container .summary__container p {font-size: 17px; font-weight:300; color: #444; padding-left: 20px; line-height: 1.5em; word-break: break-word;}
.fig__container {margin: 26px 0 0;}
.fig__container .fig {background: #fafafa; padding: 30px; box-sizing: border-box; margin: 0 0 32px; display: flex; justify-content: flex-start; align-items: flex-start;}
.fig__container .fig .fig_photo_wrap {width: 50%; box-sizing: border-box; background: #000; padding: 28px 32px 28px 28px; position: relative; }
.fig__container .fig .fig_photo_wrap.only-photo {padding: 28px !important;}
.fig__container .fig .fig__photo {height: 500px; box-sizing: border-box;  overflow: hidden;}
.fig__container .fig .fig__photo.only-photo {height: auto !important;}
.fig__container .fig .fig__photo > img {display: block; width: 100%; height: auto;}
.fig__container .fig .fig__photo .swiper-wrapper {  transition-timing-function: linear;}
.fig__container .fig .fig__photo .swiper-slide {position: relative; background: #000; box-sizing: border-box; height: 500px; opacity: 0; transform: translate3d(0px, -8000px, 0px); }
.fig__container .fig .fig__photo .swiper-slide img {max-width: 100%; display: block; width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.fig__container .swiper-scrollbar.swiper-scrollbar-vdertical, .fig__container .swiper-vertical>.swiper-scrollbar {right: 8px; left: initial; height: calc(100% - 56px); transform: translateY(-50%) translateX(0); width: 10px; background: #2e2e2e; top: 50%; bottom: initial;}
.fig__container .swiper-scrollbar-drag {background: #fff;}


.recent_view__container .summary__container pre {display: block; max-width: 100%; width: 100%; word-break: keep-all; font-family: inherit; white-space: break-spaces; font-size: 17px; font-weight:300; color: #444; padding-left: 20px; line-height: 1.5em;}
.fig__container pre {display: block; max-width: 100%; width: 100%; word-break: keep-all; font-family: inherit; white-space: break-spaces; font-weight:300; color: #444;}

/*.fig__container .fig .fig__photo .swiper-wrapper {position: absolute; top: 0; left: 0; height: 100%;}*/
/*.fig__container .fig .fig__photo .swiper-slide { background-color: #000; position: relative; height: 100% !important;}*/
/*.fig__container .fig .fig__photo .swiper-slide img {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 100%; max-height: 100%;}*/
/*.fig__container .fig .fig__photo .swiper-slide.swiper-slide-active img {}*/
.fig__container .fig .fig__txt {width: 50%; box-sizing: border-box; padding: 0 0 0 24px;}
.fig__container .fig .fig__txt span { font-size: 18px; font-weight: 500; color: #000; display: block; margin: 0 0 10px;}
.fig__container .fig .fig__txt p {font-size: 16px; font-weight:300; color: #444;}

/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {

}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {
  .fig__container .fig .fig__photo {height: 400px;}
}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {
  .fig__container .fig .fig__photo {height: 300px;}
}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .recent_view__container {padding: 0 20px; box-sizing: border-box;}
  .fig__container .fig {flex-wrap: wrap; margin: 0 0 24px; padding: 20px;}
  .fig__container .fig .fig_photo_wrap {width: 100%;}
  .fig__container .fig .fig__photo {height: 600px;}
  .fig__container .fig .fig__txt {width: 100%; margin: 18px 0 0; padding: 0;}

  .recent_view__container .summary__container p {padding: 0;}


}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {
  .recent_view__container .view__tit {font-size:20px;}
  .recent_view__container .view__name,
  .recent_view__container .summary__container h4 {font-size:18px;}
  .recent_view__container .view__name .view__institution,
  .recent_view__container .summary__container h4.title_small,
  .recent_view__container .summary__container p {font-size:16px;}

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {
  .fig__container .fig .fig__photo {height: 480px;}

}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {
  .fig__container .fig .fig__photo {height: 400px;}
}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {
  .fig__container .fig .fig__photo {height: 360px;}
}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
/*********************ÃÖ±ÙÈ£*****************************/
/*********************¾ÆÄ«À̺ê*****************************/
/*********************¾ÆÄ«À̺ê*****************************/

/*¼Ö·ç¼Ç »çÀüµî·Ï, Á¤±âÇмú ´ëȸ*/
/*¼Ö·ç¼Ç »çÀüµî·Ï, Á¤±âÇмú ´ëȸ*/
/*¼Ö·ç¼Ç »çÀüµî·Ï, Á¤±âÇмú ´ëȸ*/
/*¼Ö·ç¼Ç »çÀüµî·Ï, Á¤±âÇмú ´ëȸ*/
/* Å×ÀÌºí ±âº» °¡·ÎÇü */
.table_basic{border-top:1px solid #ccc;}
.table_basic th, .table_basic td{border-bottom:1px solid #ccc; vertical-align: middle; font-size: 16px;}
.table_basic th{background:#f7f7f7; padding: 7px 12px; box-sizing: border-box; color: #666;}
.table_basic th.lt{border-left:1px solid #ccc;}
.table_basic td{padding: 1rem; border-left:1px solid #ccc;border-right:1px solid #ccc; box-sizing: border-box; width: calc(100% - 195px); color: #2d2d2d; font-size: 1.125rem; letter-spacing: -0.065em;}
.table_basic td:first-of-type {/*background: #f7f7f7;*/ width: 195px; color: #000; font-weight: 500;}
.table_basic th:first-of-type {border-left: 1px solid #ccc; box-sizing: border-box;}

.detail_info_wrap {margin: 1rem 0 0;}

.table_basic thead{background:#eee;}
.table_basic thead th, .table_basic thead td{text-align:center; font-weight:bold;}
.table_basic thead th{background:none;}

.table_basic.center td{text-align:center;}
.table_basic input {background: #f7f7f7; border: 1px solid #ccc; height: 32px; box-sizing: border-box; padding: 0 6px; font-size: 15px; color: #2d2d2d; font-weight: 300;}
.table_basic select {height: 32px; box-sizing: border-box; padding: 0 40px 0 12px; font-size: 15px; color: #2d2d2d; font-weight: 300;}
.table_basic input[type=radio],
.table_basic input[type=checkbox] {display: inline-block; vertical-align: middle;}
.table_basic input[type=text].address {margin: 6px 0 0; display: block;}

.table_basic.ver2 th { font-weight: 400 !important; font-size: 1rem !important; }
.table_basic.ver2 td { font-weight: 400 !important; font-size: 1rem !important; }

@media all and (max-width: 1024px) {
  .table_basic td:first-of-type, .table_basic td[width="10%"] {width: 100px !important;}

}
@media all and (max-width: 768px) {
  .table_basic.ver2 {display: block; width: 100%;}
  .table_basic.ver2 tbody {display: block; width: 100%;}
  .table_basic.ver2 tr {display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; width: 100%;}
  .table_basic.ver2 th{flex: none; display: flex; justify-content: center; align-items: center; text-align: center; width: 25%; border-left: 1px solid #ccc; box-sizing: border-box;}
  .table_basic.ver2 td{ flex: none; display: block; width: 75% !important; border-left: 1px solid #ccc; box-sizing: border-box;}
}

@media all and (max-width: 375px) {
  .table_basic.ver2 th {width: 35% !important;}
  .table_basic.ver2 td {width: 65% !important;}
}
/* ¹öÆ°
------------------------------------------------------------------------------------------------------------*/
.btn_gray{cursor: pointer; display:inline-block; font-family: inherit; background:url(../img/sub/btn_gray50.gif) left bottom repeat-x; color:#fff!important; text-align:center; border:1px solid #777; border-radius:3px;}
.btn_gray:hover{text-decoration:none; background:#666;}
.btn_gray.h37{height:30px; padding:5px 50px 0; font-weight: 500; font-size:14px; box-sizing: border-box;}
.btn_gray.h32{height: 32px; padding: 0 10px; box-sizing: border-box; font-weight: 500; font-size:14px; border: 0;}
.btn_bk {display:inline-block; font-family: inherit; background:#000; color:#fff!important; text-align:center; padding: 3px 10px; border-radius:3px; }
/* ¼­ºê ÅÇ*/
.sub_tab{overflow:hidden; margin-bottom:20px; display: flex; justify-content: flex-start; align-items: center; width: 100%; box-sizing: border-box;}
.sub_tab li{ width: 25%; flex: none;text-align: center;}
.sub_tab li a {position: relative; font-size: 1.125rem; border: 1px solid #ddd; border-right: 0; display: block; width: 100%; height: 100%; padding: 1rem 0;
  box-sizing: border-box; color: #999; font-weight: 500;}
.sub_tab li:nth-of-type(4) a { border-right: 1px solid #ddd;}
.sub_tab li a.on { color: #eb1c27; font-weight: 500; background: #fffdfd;}
.sub_tab li a.on::after {content : ''; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background: #eb1c27; }
.tab__cont {width: 100%;}
.tab__cont img {display: block; max-width: 100%; height: auto;}
.tab__cont table {max-width: 100%; width: 100%; border-top: 1px solid #000; box-sizing: border-box;}
.tab__cont-notice {width: 100%; border: 2px solid #f2f2f2; box-sizing: border-box; padding: 24px 12px; position: relative;}
.tab__cont-notice.non_border {border: 0; padding: 0;}
.tab__cont-notice p {font-size: 18px; letter-spacing: -0.05em; }
.tab__cont-notice p em {display: inline-block; font-style: normal; font-weight: 500; color: #eb1c27; }
.tab__cont .regi__btn {display: inline-block; border-radius: 4px; margin: 10px 0 0; padding: 7px 20px; background:  #eb1c27; color: #fff; font-size: 17px; font-weight: 500; text-align: center;}
.tab__cont .regi__form_table {border: 0;}
.tab__cont .rgi__container {padding-left: 0 !important; padding-right: 0 !important;}
.sub_tab2.col4 li{width:25%;}

@media all and (max-width: 1024px) {
}
@media all and (max-width: 540px) {
  .sub_tab {flex-wrap: wrap;}
  .sub_tab li {width: 50%;}
  .sub_tab li:nth-of-type(4) a {border-right: 0;}
  .sub_tab li:nth-of-type(2n) a {border-right: 1px solid #ddd;}
}
/*¼Ö·ç¼Ç »çÀüµî·Ï, Á¤±âÇмú ´ëȸ*/
/*¼Ö·ç¼Ç »çÀüµî·Ï, Á¤±âÇмú ´ëȸ*/
/*¼Ö·ç¼Ç »çÀüµî·Ï, Á¤±âÇмú ´ëȸ*/
/*¼Ö·ç¼Ç »çÀüµî·Ï, Á¤±âÇмú ´ëȸ*/

/*-----------------------------Á¤±âÇмú´ëȸ-------------------------------------------------*/
.rgi__container {}
.rgi__container > h3 {font-size: 1.75rem; font-weight: 600; letter-spacing: -0.065em; color: #000; margin: 0 0 1.75rem;}
.rgi__container > form > h3 {font-size: 20px; font-weight: 500; color: #545454; margin: 0 0 20px;}
.rgi__container .rgi__box {}
.rgi__container .rgi__box .none_li {width:100%; text-align:center;}
.rgi__container .rgi__box .rgi__none {width: 100% !important; margin: 0 !important;}
.rgi__container .rgi__tit {position: relative; font-size: 1.5rem; font-weight: 700; color: #000; margin: 0 0 1rem; letter-spacing: -0.065em;}
.rgi__container .rgi__tit.sec {margin: 2rem 0 1rem;}
.rgi__container .tab__cont .rgi__tit {padding: 0 0 0 1.5rem; box-sizing: border-box;}
.rgi__container .tab__cont .rgi__tit::before {border-radius: 50%; background: #de3a3f; content: ''; display: block; width: 0.75rem; height: 0.75rem; position: absolute; top: 0.7rem; left: 0;}
.rgi__container .tab__cont .rgi__tit::after {border-radius: 50%; background: #fff; content: ''; display: block; width: 0.35rem; height: 0.35rem; position: absolute; top: 0.88rem; left: 0.2rem;}
.rgi__container .rgi__tit b {color: #de3a3f;}
.rgi__container .rgi__box ul {width: 100%; display: flex; justify-content: flex-start; align-items: stretch; align-content: flex-start; flex-wrap: wrap;}
.rgi__container .rgi__box li {display: flex; flex-direction: column; flex-flow: wrap; justify-content: flex-end; align-items: center;
  align-content: flex-end; flex: none; width: calc((100% - 20px) / 2); margin: 0 0 20px; border: 1px solid #ccc; box-sizing: border-box; padding: 20px 20px 16px 20px; border-radius: 12px;}
.rgi__container .rgi__box li:nth-of-type(2n) {margin: 0 0 20px 20px;}
.rgi__container .rgi__top,
.rgi__container .rgi__bottom {width: 100%; flex: none;}
.rgi__container .rgi__top h5 {max-height: 64px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; font-size: 18px; font-weight: 500; color: #2d2d2d; margin: 0 0 14px; box-sizing: border-box;}
.rgi__container .rgi__top p {font-size: 18px; color: #2a2a2a; font-weight: 300; line-height: 28px;}
.rgi__container .rgi__top p:first-of-type {padding: 10px 0 0; box-sizing: border-box; border-top: 1px solid #ccc;}
.rgi__container .rgi__top p:last-child {padding: 0 0 10px; box-sizing: border-box; border-bottom: 1px solid #ccc;}
.rgi__container .rgi__bottom {margin: 16px 0 0; display: flex; justify-content: center; align-items: center;}
.rgi__container .rgi__bottom a {flex: none; font-size: 17px; font-weight: 500; width: 104px; height: 47px; display: flex; justify-content: center; align-items: center; text-align: center; background: #4d4d4d; color: #fff; border-radius: 8px;}
.rgi__container .rgi__bottom a:first-child {background: #de3a3f;}
.rgi__container .rgi__bottom a + a {margin: 0 0 0 6px;}
.rgi__container .rgi__bottom a.one.bg {background: #4d4d4d;}
.rgi__container .rgi__notice {margin: 0 0 58px; font-size: 18px; color: #2d2d2d; font-weight: 500; line-height: 28px;}
.rgi__container .rgi-input__bottom {margin: 30px 0 0; text-align: center; display: flex; justify-content: center; align-items: center;}
.rgi__container .rgi-input__bottom button,
.rgi__container .rgi-input__bottom a {border: 0; flex: none; line-height: 35px; display: block; font-family: inherit; height: 35px; padding: 0 50px; cursor: pointer;}
.rgi__container .rgi-input__bottom button + a{margin: 0 0 0 6px;}

/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {

}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .rgi__container {padding: 0 20px; box-sizing: border-box;}
  .rgi__container .rgi__box li {width: calc((100% - 20px) / 2); padding: 20px;}
  .rgi__container .rgi__box li:nth-of-type(2n) {margin: 0 0 20px 20px;}
  .rgi__container .rgi__top p {font-size: 16px;}
}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {
  .rgi__container .rgi__box li {width: 100%;}
  .rgi__container .rgi__box li:nth-of-type(2n) {margin: 0 0 20px;}
}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}
/*-----------------------------Á¤±âÇмú´ëȸ-------------------------------------------------*/

/*-----------------------------bbs__container-------------------------------------------------*/
.bbs__container {width: 100%;}
.bbs__container .bbs_tit {font-size: 24px; font-weight: 600; color: #2e2e2e; margin: 0 0 20px;}
.bbs__container .bbs_tit2 {font-size: 24px; font-weight: 600; color: #2e2e2e; margin:  20px 0;}
.login_logo {display: block; text-align: center;}
.login_h2 {font-size: 24px; color: #2e2e2e; text-align: center; line-height: 34px; font-weight: 300; letter-spacing: -0.04em; margin: 36px 0 52px;}
.login_h2 b {font-weight: 500;}
.login_notice {margin: 52px 0 0;}
.login_notice h3 {margin: 0 0 20px; font-size: 20px; font-weight: 500; color: #2e2e2e;}
.login_notice li {font-weight: 300; width: 100%; padding: 0 0 0 14px; box-sizing: border-box; position: relative; color: #545454; font-size: 18px;
  line-height: 34px;}
.login_notice li b {font-weight: 500;}
.login_notice li::before {content: ''; width: 4px; height: 4px; background: #2e2e2e; border-radius: 50%; position: absolute; top: 16px; left: 0;}
/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .bbs__container {padding: 0 20px; box-sizing: border-box;}
  .login_notice li {font-size: 16px; line-height: 26px; }
  .login_notice li::before {top: 12px;}

}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {

}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}
/*-----------------------------bbs__container-------------------------------------------------*/

/*-----------------------------VODÀÓ½ÃCSS----ÇϵåÄÚµù page-------------------------------------------------*/

.vod__container .photo_bbs { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.vod__container .photo_bbs li {margin: 0 26px 26px 0; }
.vod__container .photo_bbs li a { padding: 16px 20px; box-sizing: border-box; border: 1px solid #eee; border-radius: 6px; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
.vod__container .photo_bbs .only_chk {display: inline-block;}
.vod__container .photo_bbs .img_box {width: 130px; flex: none;}
.vod__container .photo_bbs .tit {width: calc(100% - 130px); flex: none; padding: 0 0 0 22px; box-sizing: border-box;}

.vod__container .photo_bbs .img_box a { display: block; width: 100%; }
.vod__container .photo_bbs .thumb {background: #86abc4; position:relative; width:100%; padding-top: 100%; box-sizing:border-box; overflow:hidden; border: 1px solid #ddd; border-radius: 8px;}
.vod__container .photo_bbs .thumb img {position:absolute; width:100%; transition:all 0.3s; height: auto; min-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.vod__container .photo_bbs .tit h4 {display:block; max-height: 48px; font-size: 20px; font-weight:500; line-height: 22px; color:#222;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.vod__container .photo_bbs .tit .num .only_chk + em {margin: 0 0 0 4px;}
.vod__container .photo_bbs .tit .num font {font-size: 14px;  font-weight: 500;}
.vod__container .photo_bbs .tit__top {height: 65px; border-bottom: 1px solid #eee; box-sizing: border-box;}
.vod__container .photo_bbs .tit__top .sub_tit {margin: 6px 0 0; font-size: 18px; color: #272727; font-weight: 300; width: 100%; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.vod__container .photo_bbs .tit__bottom {position: relative; height: 65px;}
.vod__container .photo_bbs .tit__bottom .date {text-align: right; position: absolute; bottom: 0; right: 0; font-size: 16px; color: #272727; font-weight: 300;}
.vod__container .photo_bbs .tit__bottom .writer {font-size: 18px; color: #272727; font-weight: 300; line-height: 24px; padding: 15px 0 0; box-sizing: border-box;}

.vod__container .photo_bbs.lst_type_1 li {width: calc(100% / 1); margin: 0 0 26px;}
.vod__container .photo_bbs.lst_type_2 li {width: calc((100% - 26px) / 2);}
.vod__container .photo_bbs.lst_type_2 li:nth-of-type(3n) {margin: 0 0 26px;}
.vod__container .photo_bbs.lst_type_3 li {width: calc((100% - 52px) / 3);}
.vod__container .photo_bbs.lst_type_3 li:nth-of-type(4n) {margin: 0 0 26px;}
.vod__container .photo_bbs.lst_type_4 li {width: calc((100% - 78px) / 4);}
.vod__container .photo_bbs.lst_type_4 li:nth-of-type(5n) {margin: 0 0 26px;}
.vod__container .photo_bbs.lst_type_5 li {width: calc((100% - 104px) / 5);}
.vod__container .photo_bbs.lst_type_5 li:nth-of-type(6n) {margin: 0 0 26px;}
.vod__container .photo_bbs li.line {padding: 0; width: 100% !important; height: 1px; margin: 0 0 25px;}

.vod__container .AWbbs_f_search {display: flex; justify-content: flex-end; align-items: center; width: 100%;}
.vod__container .AWbbs_f_search table {flex: none;}
.vod__container .AWbbs_f_search td { padding: 16px 2px; box-sizing: border-box; }
.vod__container .AWbbs_f_search select { font-family: inherit; display: inline-block; width: auto; padding: 2px 30px 2px 12px; height: 42px; box-sizing: border-box; border: 1px solid #ddd; background: #fff url(/admin/bbs/skin/bbsBasic/image/sel_ico.png) calc(100% - 12px) 54% no-repeat; background-size: 13px auto; font-size: 14px;  }
.vod__container .AWbbs_f_search input { font-family: inherit; display: inline-block; width: 260px; padding: 2px 12px; height: 42px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; font-size: 14px;  }
.vod__container .AWbbs_f_search button { font-family: inherit; display: inline-block; width: 80px; height: 42px; box-sizing: border-box; border: 1px solid #222; background: #222; color: #fff; font-size: 14px;  }

.vod__container .bbs_btn { border: 1px solid #ddd;line-height: 31px;font-size: 14px;padding: 0 12px;box-sizing: border-box;display: inline-block;cursor: pointer; vertical-align: middle;}
.vod__container .bbs_btn.bg {background: #777; color: #fff;border-color: #777;}


/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {

}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .vod__container .photo_bbs li {margin: 0 20px 20px 0;}
  .vod__container .photo_bbs.lst_type_2 li {width: calc((100% - 20px) / 2);}
  .vod__container .photo_bbs.lst_type_2 li:nth-of-type(3n) {margin: 0 0 20px;}
  .vod__container .photo_bbs.lst_type_3 li {width: calc((100% - 40px) / 3);}
  .vod__container .photo_bbs.lst_type_3 li:nth-of-type(4n) {margin: 0 0 20px;}
  .vod__container .photo_bbs.lst_type_4 li {width: calc((100% - 60px) / 4);}
  .vod__container .photo_bbs.lst_type_4 li:nth-of-type(5n) {margin: 0 0 20px;}
  .vod__container .photo_bbs.lst_type_5 li {width: calc((100% - 80px) / 5);}
  .vod__container .photo_bbs.lst_type_5 li:nth-of-type(6n) {margin: 0 0 20px;}

  .vod__container .photo_bbs li a {flex-wrap: wrap;}
  .vod__container .photo_bbs .img_box {width: 100%;}
  .vod__container .photo_bbs .thumb {width: 50%; padding-top: 50%;}
  .vod__container .photo_bbs .tit {width: 100%; margin: 10px 0 0; padding: 0;}
  .vod__container .photo_bbs .tit__bottom {height: auto;}
  .vod__container .photo_bbs .tit__bottom .date {position: initial;}

  .vod__container .AWbbs_f_search {}
  .vod__container .AWbbs_f_search table {width: 100%; display: block;}
  .vod__container .AWbbs_f_search tbody {width: 100%; display: block;}
  .vod__container .AWbbs_f_search tr {width: 100%; display: flex; justify-content: flex-end; align-items: center;}
  .vod__container .AWbbs_f_search td {display: block; flex: none;}
  .vod__container .AWbbs_f_search td:first-of-type {width: 109px;}
  .vod__container .AWbbs_f_search td:nth-of-type(2) {width: 260px; padding: 0 3px; box-sizing: border-box;}
  .vod__container .AWbbs_f_search td:nth-of-type(3) {width: 80px;}
  .vod__container .AWbbs_f_search select {width: 100%;  height: 37px;}
  .vod__container .AWbbs_f_search button {width: 100%;  height: 37px;}
  .vod__container .AWbbs_f_search input {width: 100%;  height: 37px;}
}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {
  .vod__container .photo_bbs li {margin: 0 0 20px !important;}
  .vod__container .photo_bbs.lst_type_2 li {width: 100%;}
  .vod__container .photo_bbs.lst_type_3 li {width: 100%;}
  .vod__container .photo_bbs.lst_type_4 li {width: 100%;}
  .vod__container .photo_bbs.lst_type_5 li {width: 100%;}

  .vod__container .AWbbs_f_search {margin: 0 0 10px;}
  .vod__container .AWbbs_f_search tr {flex-wrap: wrap;}
  .vod__container .AWbbs_f_search td:first-of-type {width: 100%; text-align: left; padding: 5px 0;}
  .vod__container .AWbbs_f_search td:nth-of-type(2) {width: 70%; padding: 5px 0;}
  .vod__container .AWbbs_f_search td:nth-of-type(3) {width: 30%; padding: 5px 0 5px 5px;}
  .vod__container .AWbbs_f_search select {height: 37px;}
  .vod__container .AWbbs_f_search button {height: 37px;}
  .vod__container .AWbbs_f_search input {height: 37px;}

}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}

#layer {width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; display: none; z-index: 200;}
#layer .layer_dim {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85);}
#layer #layer_cont {width: 54.89%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 15px; padding: 16px; box-sizing: border-box;}
#layer #layer_cont .video__area {width: 100%; height: 0; position: relative; background: #86abc4; border-radius: inherit; padding: 0 0 66.41%; box-sizing: border-box;}
#layer #layer_cont .pop__cls {position: absolute; right: 0; top: -60px; width: 47px; height: 47px; display: block; background: url(/KOR/image/ico/pop__cls.png) 50% 50% no-repeat; background-size: 100% auto;}
#layer .pop__cls2 {width: 28px; height: 28px; display: block; background: url(/KOR/image/ico/pop__cls2.png) 50% 50% no-repeat; background-size: 100% auto;}

#layer #mem_cont {width: 100%; padding: 28px 35px; box-sizing: border-box; margin: 0 auto; max-width: 1150px; height: 700px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#layer #mem_cont .title_flex {width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 0 18px; box-sizing: border-box; border-bottom: 1px solid #858585; margin: 0 0 36px;}
#layer #mem_cont .title_flex h2 {font-size: 35px; font-weight: 500; color: #000;}
#layer #mem_cont .cont_flex {display: flex; justify-content: space-between; align-items: flex-start; width: 100%;}
#layer #mem_cont .cont_flex .img {width: 300px; height: 450px; position: relative; margin: 0 42px 0 0;  box-sizing: border-box;}
#layer #mem_cont .cont_flex .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 100%; height: 100%;}
#layer #mem_cont .cont_flex .info {width: calc(100% - 342px);}
#layer #mem_cont .cont_flex .info table {width: 100%;}
#layer #mem_cont .cont_flex .info tr {width: 100%;}
#layer #mem_cont .cont_flex .info th {width: 162px; text-align: left; font-size: 18px; line-height: 38px; color: #2e2e2e; font-weight: 400;}
#layer #mem_cont .cont_flex .info td {width: calc(100% - 162px); font-size: 18px; line-height: 38px; color: #2e2e2e; font-weight: 500;}
#layer #mem_cont h3 {font-size: 35px; color: #010101; font-weight: 500; margin: 0 0 32px;}
#layer #mem_cont h3 span {font-size: 20px;}

/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {

}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  #layer #layer_cont {width: calc(100% -  40px);}
  #layer #layer_cont .video__area {padding: 0 0 calc(100% -  40px);}

  #layer #mem_cont {max-width: 92%; padding: 55px 4.5%; box-sizing: border-box;}
  #layer #mem_cont .cont_flex .img {width: 36.5%; margin: 0 3.5% 0 0; height: 0; padding-bottom: calc(36.5% * 450 / 300); box-sizing: border-box;}
  #layer #mem_cont .cont_flex .info {width: 60%;}

  #layer #mem_cont .cont_flex .info th {font-size: 16px; width: 140px;}
  #layer #mem_cont .cont_flex .info td {font-size: 16px; width: calc(100% - 140px);}
}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {
  #layer #mem_cont .title_flex {padding-bottom: 20px; margin: 0 0 20px;}
  #layer #mem_cont .title_flex h2 {font-size: 24px; }

  #layer #mem_cont {max-height: 80vh; height: auto; overflow-y: auto; padding: 32px 20px;}
  #layer #mem_cont .cont_flex {flex-wrap: wrap;}
  #layer #mem_cont .cont_flex .img {width: 100%; margin: 0 0 20px; padding-bottom: calc(100% * 450 / 300);}
  #layer #mem_cont .cont_flex .info {width: 100%;}

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {

}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {
  #layer #mem_cont h3 {margin: 0 0 20px; font-size: 20px;}
  #layer #mem_cont h3 span {font-size: 16px;}
  #layer #mem_cont .cont_flex .info table {display: block;}
  #layer #mem_cont .cont_flex .info tr {display: block;}
  #layer #mem_cont .cont_flex .info tbody {display: block;}
  #layer #mem_cont .cont_flex .info th {width: 100%; display: block; line-height: 1.2;}
  #layer #mem_cont .cont_flex .info td {width: 100%; display: block; line-height: 1.2; padding-bottom: 20px; box-sizing: border-box;}

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}
/*-----------------------------VODÀÓ½ÃCSS----ÇϵåÄÚµù page-------------------------------------------------*/



.contr__container {}
.contr__container .contr__list {width: 100%;}
.contr__list li {display: flex; justify-content: space-between; align-items: stretch; position: relative; width: 100%; border: 1px solid #ddd; margin: 0 0 24px; font-weight: 300;}
.contr__list li .contr__text {padding: 24px 20px; box-sizing: border-box; width: calc(100% - 200px);}
.contr__list li h5 {font-size: 20px; font-weight: 500; line-height: 26px; color: #222;}
.contr__list li p {color: #666; font-size: 17px; line-height: 24px;}
.contr__list li p b {color: #666; font-weight: 400;}
.contr__list li .dir__contr {width: 200px; display: flex; justify-content: center; align-items: center; text-align: center; border-left: 1px solid #ddd; box-sizing: border-box;}
.contr__list li .dir__contr a {display: inline-block; height: 36px; line-height: 34px; width: 110px; font-weight: 400; box-sizing: border-box; background: #eb1c27; color: #fff; }
.contr__list li .dir__contr a.disabled__contr {border: 1px solid #eb1c27; color: #eb1c27; background: #fff; cursor: auto;}

/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .contr__container {padding: 0 20px; box-sizing: border-box;}
  .contr__list li .contr__text {width: calc(100% - 160px);}
  .contr__list li .dir__contr {width: 160px;}

}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {
  .contr__list li {flex-wrap: wrap;}
  .contr__list li .contr__text {width: 100%;}
  .contr__list li .dir__contr {width: 100%; border-left: 0; border-top: 1px solid #ddd; padding: 24px 20px;}

}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}


.poster__container {width: 100%; }
.poster__list {display: flex; justify-content: flex-start; align-items: stretch; align-content: flex-start; flex-wrap: wrap;}
.poster__list li {flex: none; width: calc((100% - 60px) / 4); box-sizing: border-box; border-radius: 8px; border: 1px solid #ddd; margin: 0 20px 20px 0;}
.poster__list li:nth-of-type(4n) {margin: 0 0 20px;}
.poster__list li > a {border-radius: inherit; display: block; width: 100%; padding: 20px 20px; box-sizing: border-box;}
.poster__list li .poster__img {border-radius: inherit; width: 100%; padding-bottom: 100%; position: relative; border: 1px solid #ddd; box-sizing: border-box; overflow: hidden;}
.poster__list li .poster__img img {display: block; width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.poster__list li .poster__text {margin: 20px 0 0;}
.poster__list li .poster__text h6 {font-size: 18px; font-weight: 500; color: #222; line-height: 26px;}
.poster__list li .poster__text p {font-size: 16px; font-weight: 300; color: #666; line-height: 22px; margin: 2px 0 4px;}
.poster__list li .poster__text span {display: block; font-size: 14px; font-weight: 300; color: #999; line-height: 18px; text-align: right;}


/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .poster__container {padding: 0 20px; box-sizing: border-box;}
  .poster__list li {width: calc((100% - 40px) / 3); }
  .poster__list li:nth-of-type(4n) {margin: 0 20px 20px 0;}
  .poster__list li:nth-of-type(3n) {margin: 0 0 20px 0 !important;}

}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {
  .poster__list li {width: calc((100% - 20px) / 2); }
  .poster__list li:nth-of-type(4n) {margin: 0 0 20px !important;}
  .poster__list li:nth-of-type(3n) {margin: 0 20px 20px 0 !important;}
  .poster__list li:nth-of-type(2n) {margin: 0 0 20px 0 !important;}

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {


}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {
  .poster__list li {width: 100%; margin: 0 0 20px !important;}
  .poster__list li:nth-of-type(4n) {margin: 0 0 20px !important;}
  .poster__list li:nth-of-type(3n) {margin: 0 0 20px !important;}
  .poster__list li:nth-of-type(2n) {margin: 0 0 20px !important;}
}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}


.poster__container2 {width: 100%;}
.poster__list2 {width: 100%; display: flex; justify-content: flex-start; align-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.poster__list2 li {flex: none; width: calc((100% - 20px) / 2 ); margin: 0 20px 20px 0; border: 1px solid #ddd; border-radius: 8px; box-sizing: border-box;}
.poster__list2 li:nth-of-type(2n) {margin: 0 0 20px;}
.poster__list2 li > a {padding: 20px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start;}
.poster__list2 li .poster__img2 {border-radius: 8px; border: 1px solid #ddd; box-sizing: border-box; width: 120px; height: 120px; overflow: hidden; position: relative;}
.poster__list2 li .poster__img2 img {position: absolute; display: block; width: 100%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.poster__list2 li .poster__text2 {width: calc(100% - 120px - 20px); margin: 0 0 0 20px;}
.poster__list2 li .poster__text2 span {display: block; position: relative; padding: 0 0 0 14px; font-size: 14px; color: #999; line-height: 18px; font-weight: 300;}
.poster__list2 li .poster__text2 h5 {font-size: 17px; color: #999; font-weight: 500; line-height: 24px; }
.poster__list2 li .poster__text2 p {font-size: 20px; color: #222; font-weight: bold; line-height: 28px; margin: 0 0 28px;}
.poster__list2 li .poster__text2 h6 {display: flex; justify-content: space-between; align-items: center; font-size: 16px;}
.poster__list2 li .poster__text2 h6 span {flex: none; margin: 0; padding: 0; font-size: inherit; color: #666;}
.poster__list2 li .poster__text2 h6 span b {font-weight: bold; color: #000; display: inline-block; margin: 0 6px 0 0;}

.poster__list2 li .poster__text3 {width: 100%;}
.poster__list2 li .poster__text3 span {display: block; position: relative; padding: 0 0 0 14px; font-size: 14px; color: #999; line-height: 18px; font-weight: 300;}
.poster__list2 li .poster__text3 h5 {font-size: 17px; color: #999; font-weight: 400; line-height: 24px; }
.poster__list2 li .poster__text3 p {font-size: 20px; color: #222; font-weight: bold; line-height: 28px; margin: 0 0 28px;}
.poster__list2 li .poster__text3 h6 {display: flex; justify-content: space-between; align-items: center; font-size: 16px;}
.poster__list2 li .poster__text3 h6 span {flex: none; margin: 0; padding: 0; font-size: inherit; color: #666;}
.poster__list2 li .poster__text3 h6 span b {font-weight: bold; color: #000; display: inline-block; margin: 0 6px 0 0;}


/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {
  .poster__list2 li {width: calc((100% - 20px) / 2); margin: 0 20px 20px 0;}
}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .poster__container2 {padding: 0 20px; box-sizing: border-box;}

}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {
  .poster__list2 li {width: 100%; margin: 0 0 20px;}
  .poster__list2 li > a {flex-wrap: wrap;}
  .poster__list2 li .poster__img2 {width: 100%;}
  .poster__list2 li .poster__text2 {width: 100%; margin: 20px 0 0;}

  .poster__list2 li .poster__text2 h5 {font-size: 16px; line-height: 1.2;}
  .poster__list2 li .poster__text3 h5 {font-size: 16px; line-height: 1.2;}
  .poster__list2 li .poster__text2 p {font-size: 20px; line-height: 1.2;}
  .poster__list2 li .poster__text3 p {font-size: 20px; line-height: 1.2;}

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {


}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {
}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}

.group__container {}
.group__cont {width: 100%; border-top: 2px solid #222; border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 20px; text-align: center;}
.group__cont .title {font-size: 24px; font-weight: 500; color: #222; text-align: center; margin: 0 0 12px;}
.group__cont span {font-size: 16px; color: #666; display: inline-block; position: relative; box-sizing: border-box;}
.group__cont span + span {padding: 0 0 0 16px;}
.group__cont span + span::before {position: absolute; content: ''; display: block; width: 1px; height: 14px; background: #666; top: 50%; left: 8px; transform: translateY(-50%);}

.group__tab {margin: 24px auto; width: 100%; position: relative;}
.group__tabs {flex-wrap: wrap; width: 100%; display: flex; justify-content: center; align-content: flex-start; align-items: center;}
.group__tabs > a { background: #fff; margin: 0 0 14px 14px; border-radius: 4px; font-size: 18px; color: #666 !important; display: flex; flex: none; justify-content: center; align-items: center; text-align: center; padding: 8px 20px; box-sizing: border-box; border: 1px solid #ddd;}
.group__tabs > a.active {color: #fff !important; background: #eb1c27; border-color: #eb1c27;}
/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {

}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .group__container {padding: 0 20px; box-sizing: border-box;}
  .group__container .tb-is-block {box-sizing: border-box; cursor: pointer; width: 100%; height: 50px; color: #eb1c27; background: #fff; border: 1px solid #eb1c27; display: flex; justify-content: flex-start; align-items: center; text-align: left; font-size: 16px; padding: 0 16px;}
  .group__tab {margin: 24px auto 12px;}
  .group__tabs {display: none; position: absolute; top: 50px; left: 0; width: 100%;}
  .group__tabs.show {display: block;}
  .group__tabs > a  {height: 50px; justify-content: flex-start; text-align: left; width: 100%; margin: 0 !important; border-radius: 0;}
}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {

}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}


.join_chapter {width: 100%; padding: 32px 0 72px; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.join_chapter li {flex: none; width: 142px; position: relative;}
.join_chapter li .num {margin: 0 auto 16px; font-size: 16px; font-weight: 800; color: #2e2e2e; width: 40px; height: 40px; border-radius: 50%; background: #eee; display: flex; justify-content: center; align-items: center; text-align: center;}
.join_chapter li p { text-align: center; white-space: nowrap; font-size: 16px; font-weight: 400; color: #2e2e2e; letter-spacing: -0.04em;}
.join_chapter li::after {right: -10px; top: 10px; content: ''; width: 11px; height: 19px; background: url(/KOR/image/sub/ol_arrow.png) 50% 50% no-repeat; background-size: 100% auto; display: block; position: absolute; }
.join_chapter li:last-of-type::after {content: initial;}
.join_chapter li.active .num {background: #de3a3f; color: #fff;}

@media all and (max-width: 768px) {
  .join_chapter {align-items: flex-start; }
  .join_chapter li {width: 100px; padding: 0 10px; box-sizing: border-box;}
  .join_chapter li p {white-space: normal; word-break: keep-all;}
}
@media all and (max-width: 420px) {
  .join_chapter {flex-wrap: wrap; padding: 20px 0 20px;}
  .join_chapter li {width: 100%; display: flex; justify-content: center; align-items: center; margin: 0 0 32px; padding: 0 0 0 0;}
  .join_chapter li::after {width: 19px; height: 11px; bottom: -20px; top: initial; right: initial; left: calc(50% - 68px); transform: translateX(-50%); background: url(/KOR/image/sub/ol_arrow2.png) 50% 50% no-repeat; background-size: 100% auto;}
  .join_chapter li .num {margin: 0 8px 0 0;}
  .join_chapter li p {font-size: 14px; line-height: 21px; width: 130px; text-align: left;}

}


.join_go_btn {max-width: 370px; margin: 0 auto; background: #de3a3f; border-radius: 8px; font-family: inherit; font-size: 17px; color: #fff !important; width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; height: 47px; }
.join_go_btn.color1{background: #4d4d4d;}
.join_go_btn.color2{background: #ebebeb; color: #2e2e2e !important;}
.join_ok_area {text-align: center;}
.join_ok_area h3 {text-align: left; font-size: 23px; color: #2e2e2e; margin: 0 0 72px;}
.join_ok_area .img {margin: 0 auto 32px;}
.join_ok_area .img img {display: block; max-width: 100%; height: auto; margin: 0 auto;}
.join_ok_area h2 {color: #2e2e2e; font-size: 33px; letter-spacing: -0.04em; font-weight: 500;}
.join_ok_area p {margin: 32px auto 42px; color: #2e2e2e; font-size: 17px; line-height: 33px;}

.notice_btn {margin: 42px auto 0;}

@media all and (max-width: 768px) {
  .join_ok_area h3 {font-size: 18px; margin: 0 0 32px;}
  .join_ok_area .img {width: 60px;}
  .join_ok_area h2 {font-size: 24px;}
  .join_ok_area p {font-size: 15px; line-height: 24px; word-break: keep-all;}
  .join_ok_area p br {display: none;}

}

@media all and (max-width: 420px) {

}

.join_dw_area {width: 100%;}
.join_dw_area .join_go_btn + .join_go_btn {margin: 10px auto 0;}
.join_dw_area h3 {text-align: left; font-size: 23px; color: #2e2e2e; margin: 0 0 32px;}
.join_dw_area h4 {text-align: center; font-size: 20px; color: #2e2e2e; margin: 0 0 26px;}
.join_dw_chapter {border: 1px solid #ddd; box-sizing: border-box; padding: 42px 0; text-align: center; margin: 0 auto 28px;}
.join_dw_chapter li {position: relative; text-align: left; padding: 16px 0 0 100px; border: 1px solid #ddd; box-sizing: border-box; width: 100%;
  max-width: 520px; height: 90px; border-radius: 10px; margin: 0 auto 20px;}
.join_dw_chapter li span {font-size: 15px; font-weight: 800; color: #de3a3f; letter-spacing: -0.04em; }
.join_dw_chapter li p {font-size: 17px; color: #545454; font-weight: 400; letter-spacing: -0.04em; text-align: left;}
.join_dw_chapter li:nth-of-type(1) {background: #f8f8f8 url(/KOR/image/sub/join_ol_1.png) 30px 50% no-repeat;}
.join_dw_chapter li:nth-of-type(2) {background: #f8f8f8 url(/KOR/image/sub/join_ol_2.png) 30px 50% no-repeat;}
.join_dw_chapter li:nth-of-type(3) {background: #f8f8f8 url(/KOR/image/sub/join_ol_3.png) 30px 50% no-repeat;}
.join_dw_chapter li:nth-of-type(4) {background: #f8f8f8 url(/KOR/image/sub/join_ol_4.png) 30px 50% no-repeat;}
.join_dw_chapter li:nth-of-type(5) {background: #f8f8f8 url(/KOR/image/sub/join_ol_5.png) 30px 50% no-repeat;}
.join_dw_chapter li:nth-of-type(6) {background: #f8f8f8 url(/KOR/image/sub/join_ol_6.png) 30px 50% no-repeat;}
.join_dw_chapter li:nth-of-type(7) {background: #f8f8f8 url(/KOR/image/sub/join_ol_7.png) 40px 50% no-repeat;}
.join_dw_chapter li::after {position: absolute; display: block; bottom: -12px; left: 50%; transform: translateX(-50%); content : ''; width: 11px; height: 6px; background: url(/KOR/image/sub/join_ol_arrow_.png) 50% 50% no-repeat; }
.join_dw_chapter li:nth-of-type(7)::after {content: initial; }


@media all and (max-width: 768px) {
  .join_dw_area h3 {font-size: 18px;}
  .join_dw_chapter {padding: 32px 20px;}
  .join_dw_chapter li {padding: 16px 10px 16px 80px; height: auto;}
  .join_dw_chapter li span {font-size: 13px;}
  .join_dw_chapter li p {font-size: 15px;}

  .join_dw_chapter li:nth-of-type(1) {background: #f8f8f8 url(/KOR/image/sub/join_ol_1.png) 16px 50% no-repeat;}
  .join_dw_chapter li:nth-of-type(2) {background: #f8f8f8 url(/KOR/image/sub/join_ol_2.png) 16px 50% no-repeat;}
  .join_dw_chapter li:nth-of-type(3) {background: #f8f8f8 url(/KOR/image/sub/join_ol_3.png) 16px 50% no-repeat;}
  .join_dw_chapter li:nth-of-type(4) {background: #f8f8f8 url(/KOR/image/sub/join_ol_4.png) 16px 50% no-repeat;}
  .join_dw_chapter li:nth-of-type(5) {background: #f8f8f8 url(/KOR/image/sub/join_ol_5.png) 16px 50% no-repeat;}
  .join_dw_chapter li:nth-of-type(6) {background: #f8f8f8 url(/KOR/image/sub/join_ol_6.png) 16px 50% no-repeat;}
  .join_dw_chapter li:nth-of-type(7) {background: #f8f8f8 url(/KOR/image/sub/join_ol_7.png) 26px 50% no-repeat;}
}


/***************************************** ȸ¿ø°¡ÀÔ : Á¤º¸ÀÔ·Â *****************************************/
.join_input_cont{margin: 12px 0 0; border-top:1px solid #999; padding:15px 0 0;}
.join_input_cont table{}
.join_input_cont table th, .join_input_cont table td{text-align:left; font-weight:normal; font-size:15px; letter-spacing:-0.05em; /*border-bottom:1px solid #ddd;*/}
.join_input_cont table th{width: 240px; height:40px; padding-left:15px; /*background:#f7f7f7;*/}
.join_input_cont table th span{color:#ff1d1d; font-weight:600;}
.join_input_cont table td{/*padding:7px 0 7px 15px;*/ padding:8px 0;}
.join_input_cont table td input[type='text'], .join_input_cont table td input[type='password']{width:250px; height:37px; padding:0 0 0 10px; background:#fff; border:1px solid #ddd; vertical-align:middle; box-sizing:border-box;}
.join_input_cont table td input[name*="phone"], .join_input_cont table td input[name*="post"]{width:76px;}
.join_input_cont table td input[name*="fax"]{width:76px;}
.join_input_cont table td input[name*="address1"], .join_input_cont table td input[name*="address2"]{width:80%;}
.join_input_cont table td input[name*="address1"]{width:80%; margin: 6px 0;}
.join_input_cont table td input[type='file']{background:#fff; border:1px solid #dfdfdf; height: 37px; line-height: 35px; padding: 0 0 0 10px; box-sizing: border-box;}
.join_input_cont table td .chk_btn {border: 0; display:inline-block; height:37px; line-height:37px; border-radius: 3px; background:#de3a3f; color: #fff; text-align:center; font-size:13px; padding:0 16px; box-sizing:border-box; vertical-align:middle; cursor:pointer;}
.join_input_cont table td label{vertical-align:middle;}
.join_input_cont table td .comment{display:inline-block; font-size:13px; color:#2e2e2e;}
.join_input_cont table td .border{width:100%; height:1px; background:#e2e2e2; /*margin:15px 0;*/}
.join_input_cont table td textarea{width:100%; height: 120px; padding:15px; line-height:1.6; font-size:14px; color:#777; background:#fff; border:1px solid #ddd; box-sizing:border-box; word-break:keep-all; resize:none; transition:all 0.3s;}
.join_input_cont table select {min-width: 250px; padding: 0 50px 0 14px; appearance: none; height: 37px; display: inline-block; border: 1px solid #ddd; vertical-align: middle; box-sizing: border-box; width: auto;}
.join_input_cont table td input[type='text'].border0 {border: 0;}

.join_input_cont input[type=radio], .join_input_cont input[type=radio] {appearance: none; width: 0; height: 0; margin: 0; padding: 0;}
.join_input_cont input[type=radio]:checked + label, .join_input_cont input[type=radio] + label {cursor: pointer; line-height: 37px; font-size: 14px; font-family: inherit; display: inline-block; position: relative; padding: 0 12px 0 20px; box-sizing: border-box;}
.join_input_cont input[type=radio] + label::before, .join_input_cont input[type=radio] + label::before {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: 50%; width: 18px; height: 18px; background: #fff url(/KOR/image/ico/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.join_input_cont input[type=radio]:checked + label::before, .join_input_cont input[type=radio]:checked + label::before {background: #000 url(/KOR/image/ico/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: #000; }


.join_input_cont th input[type=checkbox], .join_input_cont td input[type=checkbox] {appearance: none; width: 0; height: 0; margin: 0; padding: 0;}
.join_input_cont th input[type=checkbox]:checked + label, .join_input_cont td input[type=checkbox] + label {line-height: 37px; font-size: 14px; font-family: inherit; display: inline-block; position: relative; padding: 0 12px 0 20px; box-sizing: border-box;}
.join_input_cont th input[type=checkbox] + label::before, .join_input_cont td input[type=checkbox] + label::before {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: 4px; width: 18px; height: 18px; background: #fff url(/KOR/image/ico/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.join_input_cont th input[type=checkbox]:checked + label::before, .join_input_cont td input[type=checkbox]:checked + label::before {background: #000 url(/KOR/image/ico/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: #000; }


.join_input_cont #birthButton {margin: 0 10px 0 12px; vertical-align: middle; width: 25px; height: 20px; display: inline-block; background: url(/KOR/image/ico/calendar.gif) 50% 50% no-repeat; background-size: 100% auto;}
.join_input_cont #dateBtn {margin: 0 10px 0 12px; vertical-align: middle; width: 25px; height: 20px; display: inline-block; background: url(/KOR/image/ico/calendar.gif) 50% 50% no-repeat; background-size: 100% auto;}
.join_input_cont .inline-div {display: inline-block; vertical-align: middle;}


.join_input_cont .photo_area {padding: 36px 0 0; box-sizing: border-box; width: 100%; height: 320px; background: #f8f8f8;}
.join_input_cont .photo_area .imgs {background: url(/KOR/image/sub/photo_label.png) 50% 50% no-repeat; background-size: 100% auto; width: 120px; height: 120px; border-radius: 50%; box-sizing: border-box; margin: 0 auto; overflow: hidden; position: relative;}
.join_input_cont .photo_area .imgs img {outline: 0; border: 0; display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.join_input_cont .photo_area .file_btn {background: transparent; margin: 16px auto 12px; width: 130px; height: 36px;
  border: 1px solid #de3a3f; box-sizing: border-box; border-radius: 4px; text-align: center; font-size: 16px; font-weight: 400; letter-spacing: -0.04em;
  display: flex; justify-content: center; align-items: center;color: #de3a3f;}
.join_input_cont .photo_area .file_btn input[type="file"] {appearance: none; width: 0; height: 0; font-size: 0; padding: 0; margin: 0;}
.join_input_cont .photo_area .file_btn input[type="file"] + label {color: #de3a3f;}
.join_input_cont .photo_area p {font-size: 16px; line-height: 30px; letter-spacing: -0.04em; font-weight: 300; width: 680px; margin: 0 auto;}
.join_input_cont .photo_area span {color: #de3a3f;}
.join_input_cont .photo_area b {font-weight: 500; color: #2c45fb;}

.join_input_cont.reserch table th, .join_input_cont.reserch table td {vertical-align: middle;}
.join_input_cont.reserch table td input {padding-right:10px;}
.join_input_cont.reserch table td input::placeholder {text-align:right;}
.join_input_cont.reserch table td input[name*="phone"] {width:76px;}
.join_input_cont.reserch table td .unit,
.join_input_cont.reserch table td .notes {font-size: 14px; font-weight: 300; color: #909090; padding-left:5px;}
.join_input_cont.reserch .fellow-head {width: 100%; padding: 10px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; background: #d7efdc; margin-bottom:5px; font-size: 16px; line-height: 26px; text-align: center;}
.join_input_cont.reserch .fellow-head.color1 {background: #eee}
.join_input_cont.reserch .fellow-head.color2 {background: #d3e9f4;}
.join_input_cont.reserch p {color:#3c8ab1; font-size:15px;}
.join_input_cont.reserch ul li {width: 100%; padding: 0 0 0 14px; box-sizing: border-box; position: relative; color: #545454; line-height: 24px;}
.join_input_cont.reserch ul li::before {content: ''; width: 4px; height: 4px; background: #2e2e2e; border-radius: 50%; position: absolute; top: 11px; left: 0;}
.join_input_cont.reserch table select {min-width:95%;}

.join_input_cont table.input_tbl td input {width:95%; text-align:center; padding:0;}
.join_input_cont table.input_tbl td input::placeholder {text-align:center;}

.join_input_cont.reserch table select.type2 {padding: 0 25px 0 10px; background: #fff url(/KOR/image/ico/select.png) calc(100% - 5px) 50% no-repeat;}


@media all and (max-width: 1024px) {
  .join_input_cont table td .comment {display: block; width: 100%; margin: 5px 0; padding: 0; font-size: 13px; line-height: 18px;}
  .join_input_cont table td .comment.chk_comment {display: inline-block; width: auto;}

  .join_input_cont table {display: block; width: 100%;}
  .join_input_cont table tbody {width: 100%; display: block;}
  .join_input_cont table tr {width: 100%; display: flex; justify-content: flex-start; align-items: stretch; align-content: center;}
  .join_input_cont table th {font-size: 14px; width: 200px; padding: 4px 0 4px 15px; height: auto; display: flex; justify-content: flex-start; align-items: center; }
  .join_input_cont table td {font-size: 14px; width: calc(100% - 200px); display: block; padding: 4px 15px 4px 0; height: auto;}
  .join_input_cont table td[colspan='2'] {width: 100%; padding: 4px 0;}
  .join_input_cont table td input[type='text'], .join_input_cont table td input[type='password'] {max-width: 100%;}
  .join_input_cont table td input[type='text'][name='id'] {width: calc(100% - 80px);}
  .join_input_cont table td input[type='text'][name='nick'] {width: calc(100% - 80px);}
  .join_input_cont table td input[type='text'][name*='post'] {width: 90px;}
  .join_input_cont table td input[type='text'][name*='phone'],
  .join_input_cont table td input.input.w40 {width: 30%;}
  .join_input_cont table td input[type='text'][name*='fax']{width: 30%;}
  .join_input_cont table td input[type='text'][name*='day'] {width: 25%;}
  .join_input_cont table select {width: 100%; min-width: 0; max-width: 100%;}

  .join_input_cont table td input[type='text']#datepickerBirth {max-width: calc(100% - 70px);}
  .join_input_cont table td input[type='text']#datePick {max-width: calc(100% - 70px);}

  .join_input_cont .photo_area {height: auto; padding: 34px 0;}
  .join_input_cont .photo_area p {width: 100%; padding: 0 20px; box-sizing: border-box; font-size: 15px;}


}

@media all and (max-width: 740px) {
  .join_input_cont.reserch table th,
  .join_input_cont.reserch table td,
  .join_input_cont.reserch table.input_tbl td input {width:100%;}
  .join_input_cont.reserch table td input {width:90%;}
  .join_input_cont.reserch table td .notes {display:block; padding:5px 0 0 0;}
}

@media all and (max-width: 540px) {
  .join_input_cont table tr {flex-wrap: wrap;}
  .join_input_cont table th {width: 100%; padding: 4px 0;}
  .join_input_cont table td {width: 100%; padding: 4px 0;}
  .join_input_cont table td[colspan='2'] {padding: 4px 0;}
  .join_input_cont table td input[type='text'][name*='day'] {width: auto;}

  .ui-datepicker {max-width: calc(100% - 40px); width: calc(100% - 40px);}
  .join_input_cont .photo_area p {font-size: 14px;}

}

.join_input_cont.regi_ver table th {height: auto; padding: 0.75rem 0 0 1rem; box-sizing: border-box;}
.join_input_cont.regi_ver table td {height: auto; padding: 0.75rem 0; box-sizing: border-box;}
.regi_ver.join_input_tit {margin: 2rem 0 0;}
.non_border.join_input_cont {border: 0; margin: 0; }
.non_border.join_input_cont .regi_grade {border: 1px solid #999; box-sizing: border-box; padding: 20px; background: #fafafa; border-radius: 8px; }
#chkmsg {display: inline-block; font-size: 0.875rem; color: #de3a3f;}

@media all and (max-width: 540px) {
  .join_input_cont.regi_ver table th {padding-left: 0;}
}

.AW-mem-tit:nth-of-type(1),
.join_input_tit { margin-top:0; }
.AW-mem-tit strong,
.join_input_tit { display:block; font-size:22px; font-weight:600; color:#444; letter-spacing:-0.07em; line-height:1.6;}
.AW-mem-tit p,
.join_input_tit p{ font-size:15px; color:#777; letter-spacing:-0.05em; margin:5px 0 0; word-break: keep-all;}
.AW-mem-tit p span,
.join_input_tit span{ color:#ff1d1d; }

.join_input_caption {font-size:15px; color:#777; letter-spacing:-0.05em; margin:5px 0 0; word-break: keep-all;}
.AW-mem-tit.top40 {margin-top: 40px;}

@media all and (max-width: 1024px) {
  .AW-mem-tit strong,
  .join_input_tit strong{font-size: 22px; letter-spacing: -0.05em;}
  .AW-mem-tit p,
  .join_input_tit p{font-size: 15px; margin: 5px 0 0; line-height: 22px; }
  .join_input_caption{font-size: 15px; margin: 5px 0 0; line-height: 22px; }
}

/* ¹öÆ° */
.AW-mem-btn { margin:60px 0 0; text-align:center; overflow:hidden; }
.AW-mem-btn a,
.AW-mem-btn input, .AW-mem-btn button {border:0; outline: 0; float:left; width:50%; height:60px; line-height:60px; font-size:17px; letter-spacing:-0.07em; text-align:center; background:#e0e0e0; color:#666; transition:all 0.3s; box-sizing:border-box; cursor:pointer; }
.AW-mem-btn a:hover, .AW-mem-btn input:hover, .AW-mem-btn button:hover { background:#ccc; }
.AW-mem-btn a:first-child, .AW-mem-btn input:first-child, .AW-mem-btn button:first-child { color:#fff; background:#333; }
.AW-mem-btn a:first-child:hover, .AW-mem-btn input:first-child:hover, .AW-mem-btn button:first-child:hover { background:#000; }

.mem-btn {padding: 18px 0 50px; box-sizing: border-box; width: 100%; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd;}
.mem-btn input[type="radio"] {width: 0; height: 0; opacity: 0; visibility: initial; font-size: 0; line-height: 0; padding: 0; margin: 0; appearance: none;}
.mem-btn input[type="radio"] + label {padding: 0 10px; word-break: keep-all; letter-spacing: -0.04em; cursor: pointer; font-size: 17px; border: 1px solid #ddd; color: #2e2e2e; box-sizing: border-box; flex: none; display: flex; justify-content: center; align-items: center; text-align: center; width: calc((100% - 10px) / 2); height: 50px; border-radius: 10px;}
.mem-btn input[type="radio"]:checked + label{color: #de3a3f; border: 1px solid #de3a3f; }

@media all and (max-width: 1024px) {
  .mem-btn input[type="radio"] + label {font-size: 15px;}
}

@media all and (max-width: 540px) {
  .mem-btn input[type="radio"] + label {}
}

/***************************************** ȸ¿ø°¡ÀÔ : ¾à°üµ¿ÀÇ *****************************************/
/* ȸ¿ø°¡ÀÔ ¾à°ü -----------------------*/
.join_agree_cont{margin:10px 0 0;}
.join_agree_cont textarea{font: inherit; width:100%; height:200px; padding:15px; line-height:1.6; font-size:13px; color:#777; background:#fff; border:1px solid #ddd; box-sizing:border-box; word-break:keep-all; resize:none; transition:all 0.3s;}

.join_agree_pad{padding:60px 0 0;}

/* Àüüµ¿ÀÇ -----------------------*/
.join_agree_all{margin:50px 0 0; padding:20px 0 0; border-top:1px solid #ddd; display: flex; justify-content: flex-end; align-items: center;}



.only_chk {position: relative;}
.join_agree_cont input[type=checkbox] {appearance: none; width: 0; height: 0; margin: 0; padding: 0;}
.join_agree_cont input[type=checkbox]:checked + label, .join_agree_cont input[type=checkbox] + label {line-height: 37px; font-size: 17px; font-family: inherit; display: inline-block; position: relative; padding: 0 12px 0 20px; box-sizing: border-box;}
.join_agree_cont input[type=checkbox] + label::before {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: 4px; width: 18px; height: 18px; background: #fff url(/KOR/image/ico/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.join_agree_cont input[type=checkbox]:checked + label::before {background: #000 url(/KOR/image/ico/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: #000; }

.research_lst {width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; align-content: flex-start;}
.research_lst li {flex: none; width: calc((100% - 22px) / 2 ); margin: 0 22px 22px 0; border-radius: 10px; border: 1px solid #ddd; height: 90px; box-sizing: border-box;}
.research_lst li:nth-of-type(2n) {margin: 0 0 22px;}
.research_lst li a {display: flex; justify-content: center; padding: 0 20px; align-items: center; width: 100%; height: 100%; box-sizing: border-box; }
.research_lst li span {line-height: 20px; text-align: right; font-size: 16px; color: #de3a3f; display: block; position: relative; padding: 0 30px 0 0; box-sizing: border-box; background: url(/KOR/image/ico/more_btn.png) 100% 50% no-repeat; background-size: 20px 20px;}
.research_lst li h4,
.research_lst li span {width: calc(100% - 260px); font-weight: 500; letter-spacing: -0.065em;}
.research_lst li h4 {color: #2e2e2e; width: 260px; padding: 0 20px 0 0; box-sizing: border-box; word-break: keep-all; line-height: 1.2; font-size: 18px;}

.research_lst.down_ver li span{background: url(/KOR/image/ico/down_btn.png) 100% 50% no-repeat;}
.research_tab {width: 100%; justify-content: center; align-items: center; display: flex; padding: 0 0 50px; box-sizing: border-box;}
.research_tab li {flex: none; margin: 0 14px 0 0;  }
.research_tab li + li {margin: 0;}
.research_tab li a {font-size: 18px; display: block; width: 120px; height: 42px; border-radius: 4px; background: #fff; color: #666; border: 1px solid #ddd; box-sizing: border-box; font-weight: 500; text-align: center; line-height: 38px; letter-spacing: -0.04em;}
.research_tab li.active a {border-color: #de3a3f; background: #de3a3f; color: #fff; }

@media all and (max-width: 1180px) {
  .research_lst {width: 100%; padding: 0 20px; box-sizing: border-box;}
  .research_lst li a {justify-content: flex-start; flex-wrap: wrap; align-content: center;}
  .research_lst li h4 {font-size: 15px; width: 100%; margin: 0 0 10px;}
  .research_lst li span {font-size: 14px; width: 100%; display: block; text-align: right;}

}

@media all and (max-width: 540px) {
  .research_lst li {width: 100%; margin: 0 0 16px !important;}

  .research_tab {padding: 0 0 32px;}
  .research_tab li a {font-size: 16px; height: 38px; line-height: 36px; width: 100px;}
}

.research_tit {font-size: 24px; color: #2e2e2e; padding: 0 0 42px; box-sizing: border-box; font-weight: 500; letter-spacing: -0.04em;}
.research_rate {width: 100%;}
.rate_tit {font-size: 20px; color: #2e2e2e; letter-spacing: -0.04em; font-weight: 500; box-sizing: border-box; padding: 0 0 18px;}
.research_rate table {margin: 0 0 48px;}
.research_rate table,
.research_rate tbody,
.research_rate tr {width: 100%;}
.research_rate tr {border-bottom: 1px solid #ddd; box-sizing: border-box;}
.research_rate table {border-top: 1px solid #999; box-sizing: border-box;}
.research_rate th:first-of-type {width: 100px;}
.research_rate th:last-of-type {width: 190px;}
.research_rate th {text-align: center; line-height: 56px; font-size: 16px; color: #2e2e2e; letter-spacing: -0.04em;}
.research_rate td {text-align: center; line-height: 56px; font-size: 16px; color: #2e2e2e; letter-spacing: -0.04em;}
.research_rate tfoot tr {border: 0;}
.research_rate tfoot td { padding: 30px 0 0; box-sizing: border-box;}
.research_rate tfoot p {width: 100%; font-size: 16px; color: #2e2e2e; font-weight: 400; height: 60px; border-radius: 10px; background: #f8f8f8; border: 1px solid #ddd; box-sizing: border-box; text-align: center;}
.research_rate tfoot p em {color: #de3a3f; font-weight: 500;}

@media all and (max-width: 1024px) {
  .research_rate {padding: 0 20px; box-sizing: border-box;}
}
@media all and (max-width: 540px) {
  .research_rate th:first-of-type {width: 60px;}
  .research_rate th:last-of-type {width: 80px;}
  .research_rate th {font-size: 14px;}
  .research_rate td {font-size: 14px;}
}
@media all and (max-width: 320px) {
  .research_rate table,
  .research_rate tbody,
  .research_rate tr {display: block; width: 100%;}
  .research_rate thead {display: none;}
  .research_rate tbody,
  .research_rate tfoot {display: block; width: 100%;}
  .research_rate td {display: block; width: 100%; text-align: left; line-height: 24px; padding: 5px; box-sizing: border-box;}
  .research_rate tfoot td p {line-height: 58px;}

}



.request_container {width: 100%;}
.request_tit {padding: 0 0 18px; box-sizing: border-box; font-size: 20px; color: #2e2e2e; font-weight: 500; letter-spacing: -0.04em;}
.request_tit.mg30 {padding: 30px 0 18px; box-sizing: border-box;}
.request_tit:nth-of-type(n+2) {margin: 42px 0 0;}
.request_table {border-top:1px solid #999; border-collapse:collapse; font-weight: 300; width: 100%; box-sizing: border-box;}
.request_table tr {border-bottom:1px solid #ddd; box-sizing: border-box;}
.request_table th, .request_table td{font-size:15px;  line-height:31px; letter-spacing:-0.045rem; color:#333; padding:12px 0; vertical-align:middle;}
.request_table tbody th {text-align:left; padding-left:10px; word-break:break-all;}
.request_table tbody th a{color:#333; line-height:1.5;}
.request_table tbody th a:hover{color:#000;}
.request_table tbody td {text-align: center;}
.request_table tbody td .m_ttl{display:none;}
.request_table span.notice {color:#eb0808;}
.request_table .lst_tit {padding-left:10px; word-break:break-all; box-sizing: border-box; font-size: 16px;}
.request_table .tb-is-block {display: none;}
.request_table i.bar {width: 1px; height: 1.2rem; margin: 0 0.5rem; position: relative;}
.request_table i.bar::after {content: ''; display: block; width: 100%; height: 100%; background: #ddd; position: absolute; top: 0.05rem;}
.request_table .reply_img {display: inline-block; padding: 0 0 0 10px; box-sizing: border-box;}
.request_table .del_btn {line-height: 30px; background: #de3a3f; color: #fff; border-radius: 4px; box-sizing: border-box; display: inline-block; width: 94px; height: 32px; font-weight: 400; text-align: center; font-size: 16px; letter-spacing: -0.04em;}
.request_table .view_btn {line-height: 30px; background: #4d4d4d; color: #fff; border-radius: 4px; box-sizing: border-box; display: inline-block; width: 94px; height: 32px; font-weight: 400; text-align: center; font-size: 16px; letter-spacing: -0.04em;}
.request_table .w120 {width: 120px;}
.request_table .w180 {width: 180px;}
.request_table .w80 {width: 80px;}


@media all and (max-width: 1024px) {
  .request_container {padding: 0 20px; box-sizing: border-box;}

}
@media all and (max-width: 540px) {
  .request_table thead {display: none;}
  .request_table {width: 100%; display: block;}
  .request_table tbody {width: 100%; display: block;}
  .request_table tr {width: 100%; display: block; padding: 0.25rem;}
  .request_table th, .request_table td {vertical-align: initial; line-height: 1; height: auto;}
  .request_table th {display: block; padding: 0;}
  .request_table td {display: block; padding: 0.25rem;}
  .request_table tbody td { text-align: left;}
  .request_table .lst_no {text-align: left;  font-weight: 500; margin: 0 0 0.6rem 0.25rem;}
  .request_table .lst_no font {font-weight: bold; }
  .request_table .lst_chk .only_chk {margin: 0 0 0.6rem;}
  .request_table .lst_tit {width: 100%; text-align: left; padding-left: 0; font-weight: 700; color: #222; margin: 0 0 1.2rem; }
  .request_table .lst_name {color: #444; font-weight: 300;}
  .request_table .lst_date { font-weight: normal; color: #444;}
  .request_table .lst_count { font-weight: bold; color: #444;}
  .request_table .lst_recom { font-weight: bold; color: #444;}
  .request_table .lst_count span { font-weight: 500; margin: 0 0.2rem 0 0;}
  .request_table .lst_recom span { font-weight: 500; margin: 0 0.2rem 0 0;}
  .request_table .tb-is-block {display: inline-block;}
  .request_table  i.tb-is-block.bar {vertical-align: middle;}
  .request_table  i.tb-is-block.bar::after {vertical-align: middle; display: inline-block;}

  .request_table .reply_img {padding: 0 0 0 1rem;}

}
@media all and (max-width: 640px) {

}
@media all and (max-width: 540px) {
}


.my_j_lst {width: 100%;}
.request_table.j_table tbody td {padding: 0.25rem 0.5rem; box-sizing: border-box;}
.request_table.j_table tbody td.ttl {text-align: left;}
.request_table.j_table tbody td a {text-align: left; font-size: 16px; line-height: 30px;}

@media all and (max-width: 1024px) {
  .my_j_lst {padding: 0 20px; box-sizing: border-box;}
  .request_table.j_table tbody td {word-break: break-all;}
  .request_table.j_table .w80 {width: 40px;}
  .request_table.j_table .w120 {width: 80px;}

}

@media all and (max-width: 540px) {
  .request_table.j_table tbody td {padding: 0.25rem 0;}
}

.pay_container {width: 100%;}
.pay_table {width: 100%; border-top: 1px solid #999; box-sizing: border-box;}
.pay_table, .pay_table tbody, .pay_table tr {width: 100%;}
.pay_table tr {border-bottom: 1px solid #ddd; box-sizing: border-box;}
.pay_table th {background: #f8f8f8; line-height: 55px; padding: 0 0 0 2%; box-sizing: border-box; text-align: left; width: 17.39%;}
.pay_table td {background: #fff; line-height: 55px; padding: 0 0 0 2%; box-sizing: border-box; }
.pay_table td,
.pay_table th {font-size: 16px; font-weight: 400; letter-spacing: -0.04em; color: #2e2e2e;}


@media all and (max-width: 1024px) {
  .payment_container {padding: 0 20px; box-sizing: border-box;}

}
@media all and (max-width: 540px) {
  .pay_table, .pay_table tbody {display: block;}
  .pay_table tr {display: flex; flex-wrap: wrap;}
  .pay_table td,
  .pay_table th {display: block; font-size: 14px; line-height: 28px; padding: 0.25rem 1rem; box-sizing: border-box;}
  .pay_table th {width: 40%; }
  .pay_table td {width: 60%; }
}


.payment_table .chip {color: #de3a3f;}

@media all and (max-width: 1024px) {
  .payment_table.request_table .w80 {width: 40px;}
  .payment_table.request_table .w120 {width: 80px;}
  .payment_table.request_table .w180 {width: 100px;}

}
@media all and (max-width: 540px) {

}

.research__dw_btn {}
.research__dw_btn {margin: 28px 0 0;}
.research__dw_btn a {max-width: 370px; width: 100%; margin: 0 auto; background: #de3a3f; border-radius: 8px; font-family: inherit; font-size: 17px; color: #fff; width: 100%; display: flex;
  justify-content: center; align-items: center; text-align: center; height: 47px;}



.case__container {width: 100%;}
.case__container h2 {margin: 56px 0 20px; font-size: 24px; color: #2e2e2e; font-weight: 700; padding: 0 0 12px; box-sizing: border-box; border-bottom: 1px solid #999;}
.case__container .lst li {overflow: hidden; width: 100%; min-height: 120px; border: 1px solid #a0a0a0; border-radius: 10px; box-sizing: border-box;
  display: flex; justify-content: space-between; align-items: flex-start; position: relative; padding: 16px 20px;
}
.case__container .lst li::before {background: #E34D55; content: ''; display: block; width: 20px; height: 100%; border-top-left-radius: inherit; border-bottom-left-radius: inherit; position: absolute; top: 0; left: 0;}
.case__container .lst li + li {margin: 12px 0 0;}
.case__container .lst li .date {padding: 0 0 0 16px; box-sizing: border-box; display: block; flex: none; font-size: 18px; font-weight: 800; color: #2e2e2e; line-height: 28px; width: 210px;}
.case__container .lst li .txt {display: block; flex: none; width: calc(100% - 390px);}
.case__container .lst li .txt h3 {font-size: 18px; font-weight: 700; color: #2e2e2e; line-height: 28px; }
.case__container .lst li .txt p {font-size: 16px; font-weight: 300; color: #6c6c6c; line-height: 26px; }
.case__container .lst li .state {box-sizing: border-box; display: block; flex: none; width: 180px; font-size: 18px; line-height: 28px; font-weight: 700; color: #bababa; text-align: right;}
.case__container .lst li .state.share {color: #e34d55;}
.case__container .lst li .state b {color: #2e2e2e;}
.case__container h4 {margin: 36px 0 20px; height: 50px; display: flex; justify-content: flex-start; align-items: center; background: #dddddd; font-size: 18px; font-weight: 500; padding: 0 0 0 28px; box-sizing: border-box; border-radius: 12px;}
.case__container .closed_lst {padding: 0 0 0 45px; box-sizing: border-box;}
.case__container .closed_lst.lst li {background: #f8f8f8;}
.case__container .closed_lst.lst li::before {background: #4d4d4d;}

@media all and (max-width: 1024px) {
  .case__container {padding: 0 20px; box-sizing: border-box;}

}
@media all and (max-width: 720px) {
  .case__container .lst li {flex-wrap: wrap;}
  .case__container .lst li .date {width: 100%; }
  .case__container .lst li .txt {width: 100%; padding: 0 16px; margin: 8px 0; box-sizing: border-box;}
  .case__container .lst li .state {width: 100%; text-align: right;}
  .case__container .closed_lst {padding: 0 0 0 10%;}
}
@media all and (max-width: 540px) {
  .case__container h2 {margin: 0 0 20px;}
  .case__container section:nth-of-type(2) h2 {margin: 42px 0 20px;}

}



.AW_bbs_table {border-top:1px solid #999; border-collapse:collapse; font-weight: 300;}
.AW_bbs_table tr {border-bottom:1px solid #ddd; box-sizing: border-box;}
.AW_bbs_table th, .AW_bbs_table td{font-size:15px;  line-height:31px; letter-spacing:-0.045rem; color:#333; padding:12px 0; vertical-align:middle;}
.AW_bbs_table.device_name_ver tr td {line-height: 1.3; padding: 12px 6px;}
.AW_bbs_table tbody th {text-align:left; padding-left:10px; word-break:break-all;}
.AW_bbs_table tbody th a{color:#333; line-height:1.5;}
.AW_bbs_table tbody th a:hover{color:#000;}
.AW_bbs_table tbody td .m_ttl{display:none;}
.AW_bbs_table span.notice {color:#eb0808;}
.AW_bbs_table .lst_tit {padding-left:10px; word-break:break-all; box-sizing: border-box; font-size: 16px;}
.AW_bbs_table .tb-is-block {display: none;}
.AW_bbs_table td {}
.AW_bbs_table i.bar {width: 1px; height: 1.2rem; margin: 0 0.5rem; position: relative;}
.AW_bbs_table i.bar::after {content: ''; display: block; width: 100%; height: 100%; background: #ddd; position: absolute; top: 0.05rem;}
.AW_bbs_table .reply_img {display: inline-block; padding: 0 0 0 10px; box-sizing: border-box;}
.AW_bbs_table input[type=file] { font-family: inherit; height: 35px; border: 1px solid #ddd; font-size: 14px; color: #333; padding: 4px 10px; box-sizing: border-box;}

@media all and (max-width: 1024px) {
  .AW_bbs_table input[type=file] {max-width: 200px;}
}
@media all and (max-width: 540px) {
  .AW_bbs_table thead {display: none;}
  .AW_bbs_table {width: 100%; display: block;}
  .AW_bbs_table tbody {width: 100%; display: block;}
  .AW_bbs_table tr {width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: flex-start; padding: 2rem 0.5rem;}
  .AW_bbs_table th, .AW_bbs_table td {vertical-align: initial; height: auto;}
  .AW_bbs_table th {display: block; padding: 0;}
  .AW_bbs_table td {display: block; padding: 0; line-height: 1.2;}
  .AW_bbs_table.device_name_ver tr {padding: 1.125rem 0.5rem;}
  .AW_bbs_table.device_name_ver tr td {width: 100% !important; text-align: left; }
  .AW_bbs_table .lst_no {text-align: left;  font-weight: 500; margin: 0 0 0.6rem 0.25rem; display: block; width: 100%;}
  .AW_bbs_table .lst_no font {font-weight: bold; }
  .AW_bbs_table .lst_chk .only_chk {margin: 0 0 0.6rem;}
  .AW_bbs_table .lst_tit {width: 100%; text-align: left; padding-left: 0; font-weight: 700; color: #222; margin: 0 0 1.2rem; }
  .AW_bbs_table .lst_name {color: #444; font-weight: 300;}
  .AW_bbs_table .lst_name.block {display: block; width: 100%; text-align: left;}
  .AW_bbs_table .lst_date { font-weight: normal; color: #444;}
  .AW_bbs_table .lst_count { font-weight: bold; color: #444;}
  .AW_bbs_table .lst_recom { font-weight: bold; color: #444;}
  .AW_bbs_table .lst_count span { font-weight: 500; margin: 0 0.2rem 0 0;}
  .AW_bbs_table .lst_recom span { font-weight: 500; margin: 0 0.2rem 0 0;}
  .AW_bbs_table .tb-is-block {display: inline-block;}
  .AW_bbs_table  i.tb-is-block.bar {vertical-align: middle;}
  .AW_bbs_table  i.tb-is-block.bar::after {vertical-align: middle; display: inline-block;}

  .AW_bbs_table .reply_img {padding: 0 0 0 1rem;}
  .AW_bbs_table input[type=file] {max-width: 200px;}


}

.vod_event {width: 100%; display: block;}
.vod_event li {display: block; width: 100%; position: relative; background:#f4f4f4}
.vod_event li h3{font-size:1.25em; padding: 0.875rem 0.625rem; background: #fff;}
.vod_event li p{line-height: 1.4; font-size:1.1rem; flex: none;}
.vod_event li p span{display: block;}
.vod_event li .flex-box {display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 1rem 0.625rem; box-sizing: border-box;}
.vod_event li a{flex: none; border:0; background: #222; cursor: pointer; text-decoration: none; font-size:1em; padding: 0 0.875rem; display: inline-block; vertical-align: middle; height: 2.5rem; line-height: 2.5rem; color: #fff;}

.vod_event li a.btns:hover {background: #f11a25;}


.regi_btns {margin: 0 0 1rem; width: 100%; display: flex; justify-content: flex-end; align-items: center; }
.regi_btns a {flex: none; height: 3rem; padding: 0 1rem; box-sizing: border-box; background: #222; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 1rem; border-radius: 0.625rem; letter-spacing: -0.065em;}
.regi_btns a.reg_mem {}
.regi_btns a.non_mem {}
.regi_btns a.reg_mem + a.non_mem {margin: 0 0 0 0.25rem;}

.vod_detail_container {width: 100%; }

.vod_reg_notice {display: block; width: 100%; text-align: left; font-size: 1.125rem; color: #000; letter-spacing: -0.065em; line-height: 1.2;}
.vod_reg_notice.table_top {margin: 0 0 1rem;}
.vod_reg_notice.table_bottom {margin: 1rem 0 0; padding: 1.25rem; border: 1px solid #ddd; background: #fffdfd; box-sizing: border-box; text-align: center;}
.vod_reg_notice.table_bottom p {font-size: 1rem;}
.vod_reg_notice.table_bottom b {display: block; margin: 0 0 0.625rem;}
.vod_reg_notice.table_bottom b span {color: #f11a25; display: inline-block; word-break: keep-all;}
.vod_reg_notice.login_ver {text-align: center; margin: 1rem 0 0; padding: 0 1rem; box-sizing: border-box;}
.vod_reg_notice.login_ver p {font-size: 1.125rem; line-height: 1.4; word-break: keep-all;}
.vod_reg_notice.login_ver em,
.vod_reg_notice.login_ver b {color: #de3a3f;}
.vod_reg_notice.login_ver span {display: block; }
.vod_reg_notice em,
.vod_reg_notice b {font-weight: 600; color: #000;}
.vod_reg_table {width: 100%; border-top: 1px solid #000; border-left: 1px solid #ddd; border-right: 1px solid #ddd; box-sizing: border-box;}
.vod_reg_table thead {width: 100%;}
.vod_reg_table tbody {width: 100%;}
.vod_reg_table tr {width: 100%; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.vod_reg_table th {letter-spacing: -0.065em; background: #fffdfd; text-align: center; padding: 1rem; box-sizing: border-box; vertical-align: middle; }
.vod_reg_table th + th {border-left: 1px solid #ddd;}
.vod_reg_table th:first-of-type {border-right: 1px solid #ddd; }
.vod_reg_table td {letter-spacing: -0.065em; text-align: right; padding: 1rem; box-sizing: border-box; vertical-align: middle; font-size: 1.125rem; font-weight: 400;}
.vod_reg_table td + td {border-left: 1px solid #ddd;}
.vod_reg_table thead th {font-size: 1.125rem; font-weight: 600; color: #000; }
.vod_reg_table thead th span {color: #f11a25; }
.vod_reg_table tbody th {font-size: 1.125rem; font-weight: 400; color: #000; }

@media all and (max-width: 540px) {
  .vod_reg_table th {font-size: 0.9375rem; padding: 0.625rem;}
  .vod_reg_table td {font-size: 0.9375rem; padding: 0.625rem;}
  .vod_reg_table thead th, .vod_reg_table tbody th {font-size: 0.9375rem;}

  .regi_btns a {font-size: 0.9375rem; padding: 0 0.75rem;}
}


.regi_grade {width: 100%; display: flex; justify-content: flex-start; align-items: center; }
.regi_grade li {flex: none; width: auto;}
@media all and (max-width: 540px) {
  .regi_grade {flex-wrap: wrap;  box-sizing: border-box;}
}



.rgi__container .login__inn{position:relative; width: 100%; border: 1px solid #ddd; box-sizing: border-box; padding: 6rem 0; }
.rgi__container .login-form {max-width: 26.25rem; margin: 0 auto;}
.rgi__container .login-form.no-p {padding: 0;}
.rgi__container .login-form dl{position:relative; border:1px solid #ccc; margin:10px 0 0; border-radius: 8px; overflow: hidden; }
.rgi__container .login-form dl:first-child{margin:0;}
.rgi__container .login-form dl dt{border-radius: inherit; position:absolute; left:20px; top:0; height:50px; line-height:50px; font-size:15px; color:#999; letter-spacing:-0.05em; z-index: 9;}
.rgi__container .login-form dl dd{border-radius: inherit;width: 100%; display: block; height: 50px;}
.rgi__container .login-form dl dd input{border-radius: inherit; z-index: 8; width:100%; height:50px; padding-left:100px; color:#333; font-size:15px; border:0; box-sizing:border-box; position: absolute; top: 0; left: 0;}

.rgi__container .login-button {margin: 28px 0 0; border: 0;}
.rgi__container .login-button button{border: 0; border-radius: 8px; font-family: inherit; font-size: 17px; color: #fff; width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; height: 47px; background: #de3a3f;}

@media all and (max-width: 540px) {
  .rgi__container .login__inn {padding: 0; border: 0;}
  .rgi__container .login-form {width: 100%;}
}


.benefit_area {width: 100%; box-sizing: border-box; padding: 20px 0;}
.benefit_area h4 {text-align: center; font-weight: 500; background: #f9f9f9; border: 1px solid #ddd; border-bottom: 0; box-sizing: border-box; padding: 12px 20px; }
.benefit_area ul {border: 1px solid #ddd; padding: 20px; box-sizing: border-box; width: 100%;}
.benefit_area li {font-size: 16px; color: #272727; font-weight: 300; line-height: 36px; position: relative; padding: 0 0 0 20px; box-sizing: border-box;}
.benefit_area li::before {position: absolute; top: 16px; left: 0; content: ''; display: block; width: 6px; height: 6px; border-radius: 3px; background: #272727; box-sizing: border-box;}
.benefit_area a {margin: 1rem auto; font-size: 17px; font-weight: 500; width: 12rem; height: 47px; display: flex; justify-content: center; align-items: center; text-align: center; background: #4d4d4d; color: #fff; border-radius: 8px;}

.file_container {width: 100%; display: flex; justify-content: flex-start; align-items: center;}
.file_container input[type='file'] {padding: 0 0.625rem; height: 2.85rem; line-height: 2.85rem; width: 100%; border: 1px solid #ddd; box-sizing: border-box; font-size: 15px; letter-spacing: -0.065em;}
.membership_form button {border: 0; margin: 1rem auto; font-size: 17px; font-weight: 500; width: 10rem; height: 47px; display: flex; justify-content: center; align-items: center; text-align: center; background: #de3a3f; color: #fff; border-radius: 8px; font-family: inherit;}


.awards_container {width: 100%;}
.awards_container ul li {margin: 0 0 1rem; /*display: flex; justify-content: space-between; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; */ width: 100%; padding: 20px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1rem;}
.awards_container ul li .imgs_container,
.awards_container ul li .txts {flex: none; border-radius: inherit; }
.awards_container ul li .imgs_container {width: 30rem;}
.awards_container ul li .imgs_container .img {padding-bottom: 80%; border-radius: inherit; box-sizing: border-box; position: relative; width: 100%; background: #e0eeee;}
.awards_container ul li .imgs_container img {width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.awards_container ul li .txts {width: 100%; padding: 0 0 0 1.25rem; box-sizing: border-box;}
.awards_container ul li .txts h2 {font-size: 1.25rem; font-weight: 600; color: #000; letter-spacing: -0.065em; margin: 0 0 1rem;}
.awards_container ul li .txts dl {display: block;}
.awards_container ul li .txts dt {display: inline-flex; justify-content: center; align-items: center; text-align: center; padding: 0.315rem 1rem; font-size: 1.125rem; border-radius:  0.625rem; background: #f86767; color: #fff;}
.awards_container ul li .txts dt + dd {padding: 0 0 0 0.625rem; box-sizing: border-box; margin: 0.325rem 0 1.125rem; font-size: 1rem; font-weight: 500; color: #000; letter-spacing: -0.065em; word-break: keep-all;}
.awards_container ul li .awards_bottom {width: 100%; display: flex; justify-content: flex-end; align-items: center;}
.awards_container ul li .awards_bottom a {transition: background-color 0.2s linear; flex: none; padding: 0.625rem 1rem; background: #272727; color: #fff; border-radius: 0.315rem; box-sizing: border-box; font-size: 1rem; }
.awards_container ul li .awards_bottom a + a {margin: 0 0 0 0.625rem;}
.awards_container ul li .awards_bottom a:hover {background: #de3a3f;}

/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {
  .awards_container ul li .imgs_container {width: 24rem;}
  .awards_container ul li .txts {width: calc(100% - 24rem);}
}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .awards_container {padding: 0 20px; box-sizing: border-box;}

}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {
  .awards_container ul li .imgs_container {width: 100%; }
  .awards_container ul li .imgs_container .img {width: 18.75rem; height: 11.25rem; max-width: 100%; padding: 0;}
  .awards_container ul li .txts {width: 100%; padding: 1rem 0;}
  .awards_container ul li .txts dt + dd {padding: 0 0 0 0.315rem;}
}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {


}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}

.treat_container {width: 100%;}
@media all and (max-width: 1024px) {
  .treat_container {width: 100%; padding: 0 20px; box-sizing: border-box;}
}


.treat_container {width: 100%;}
.treat_tit {padding: 0 0 18px; box-sizing: border-box; font-size: 20px; color: #2e2e2e; font-weight: 500; letter-spacing: -0.04em;}
.treat_tit:nth-of-type(n+2) {margin: 42px 0 0;}
.treat_table {border-top:1px solid #999; border-collapse:collapse; font-weight: 300; width: 100%; box-sizing: border-box;}
.treat_table tr {border-bottom:1px solid #ddd; box-sizing: border-box;}
.treat_table th, .treat_table td{font-size:15px;  line-height:31px; letter-spacing:-0.045rem; color:#333; padding:12px 0; vertical-align:middle;}
.treat_table tbody th {text-align:left; padding-left:10px; word-break:break-all;}
.treat_table tbody th a{color:#333; line-height:1.5;}
.treat_table tbody th a:hover{color:#000;}
.treat_table tbody td {text-align: center;}
.treat_table tbody td .m_ttl{display:none;}
.treat_table span.notice {color:#eb0808;}
.treat_table .lst_tit {padding-left:10px; word-break:break-all; box-sizing: border-box; font-size: 16px;}
.treat_table .tb-is-block {display: none;}
.treat_table i.bar {width: 1px; height: 1.2rem; margin: 0 0.5rem; position: relative;}
.treat_table i.bar::after {content: ''; display: block; width: 100%; height: 100%; background: #ddd; position: absolute; top: 0.05rem;}
.treat_table .reply_img {display: inline-block; padding: 0 0 0 10px; box-sizing: border-box;}
.treat_table .del_btn {line-height: 30px; background: #de3a3f; color: #fff; border-radius: 4px; box-sizing: border-box; display: inline-block; width: 94px; height: 32px; font-weight: 400; text-align: center; font-size: 16px; letter-spacing: -0.04em;}
.treat_table .view_btn {line-height: 30px; background: #4d4d4d; color: #fff; border-radius: 4px; box-sizing: border-box; display: inline-block; width: 94px; height: 32px; font-weight: 400; text-align: center; font-size: 16px; letter-spacing: -0.04em;}
.treat_table .w120 {width: 120px;}
.treat_table .w180 {width: 180px;}
.treat_table .w80 {width: 80px;}
.treat_table .treat_btn {display: inline-flex; justify-content: center; align-items: center; line-height: 1;
  text-align: center; color: #fff; font-size: 0.875rem; font-weight: 600; width: auto; padding: 0 0.625rem; box-sizing: border-box; height: 2rem; background-color: #2d2d2d; border: 0; border-radius: 0.25rem;}


@media all and (max-width: 1024px) {
  .treat_container {padding: 0 20px; box-sizing: border-box;}

}
@media all and (max-width: 540px) {
  .treat_table thead {display: none;}
  .treat_table {width: 100%; display: block;}
  .treat_table tbody {width: 100%; display: block;}
  .treat_table tr {width: 100%; display: block; padding: 0.25rem;}
  .treat_table th, .treat_table td {vertical-align: initial; line-height: 1; height: auto;}
  .treat_table th {display: block; padding: 0;}
  .treat_table td {display: block; padding: 0.25rem;}
  .treat_table tbody td { text-align: left;}
  .treat_table .lst_no {text-align: left;  font-weight: 500; margin: 0 0 0.6rem 0.25rem;}
  .treat_table .lst_no font {font-weight: bold; }
  .treat_table .lst_chk .only_chk {margin: 0 0 0.6rem;}
  .treat_table .lst_tit {width: 100%; text-align: left; padding-left: 0; font-weight: 700; color: #222; margin: 0 0 1.2rem; }
  .treat_table .lst_name {color: #444; font-weight: 300;}
  .treat_table .lst_date { font-weight: normal; color: #444;}
  .treat_table .lst_count { font-weight: bold; color: #444;}
  .treat_table .lst_recom { font-weight: bold; color: #444;}
  .treat_table .lst_count span { font-weight: 500; margin: 0 0.2rem 0 0;}
  .treat_table .lst_recom span { font-weight: 500; margin: 0 0.2rem 0 0;}
  .treat_table .tb-is-block {display: inline-block;}
  .treat_table  i.tb-is-block.bar {vertical-align: middle;}
  .treat_table  i.tb-is-block.bar::after {vertical-align: middle; display: inline-block;}

  .treat_table .reply_img {padding: 0 0 0 1rem;}

}
@media all and (max-width: 640px) {

}
@media all and (max-width: 540px) {
}


.my_j_lst {width: 100%;}
.treat_table.j_table tbody td {padding: 0.25rem 0.5rem; box-sizing: border-box;}
.treat_table.j_table tbody td.ttl {text-align: left;}
.treat_table.j_table tbody td a {text-align: left; font-size: 16px; line-height: 30px;}

@media all and (max-width: 1024px) {
  .my_j_lst {padding: 0 20px; box-sizing: border-box;}
  .treat_table.j_table tbody td {word-break: break-all;}
  .treat_table.j_table .w80 {width: 40px;}
  .treat_table.j_table .w120 {width: 80px;}

}

@media all and (max-width: 540px) {
  .treat_table.j_table tbody td {padding: 0.25rem 0;}
}



.treat_view  input[type='text'],
.treat_view2 input[type='text'] {border: 1px solid #ddd; height: 42px; padding: 0 14px; font-size: 14px; color: #2d2d2d; font-weight: 400; font-family: inherit;}

.treat_view {width: 100%;}
.treat_view thead,
.treat_view tbody {width: 100%;}
.treat_view tr {width: 100%;}

.treat_view2 {width: 100%; border-top: 2px solid #2d2d2d; box-sizing: border-box;}
.treat_view2 thead,
.treat_view2 tbody {width: 100%;}
.treat_view2 tr {width: 100%; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.treat_view2 th {background-color: #f2f2f2; color: #2d2d2d; font-weight: 400; width: 140px; vertical-align: middle; font-size: 17px;}
.treat_view2 td {width: calc(100% - 140px); padding: 6px 10px; box-sizing: border-box; vertical-align: middle; font-size: 17px;}
.treat_view2 td p {font-size: 14px; display: inline-block; color: #666; padding: 0 0 0 14px; box-sizing: border-box;}

@media all and (max-width: 540px) {
  .treat_view2 {display: block;}
  .treat_view2 thead {display: none;}
  .treat_view2 tbody {display: block;}
  .treat_view2 tr {display: block;}
  .treat_view2 th {display: block; width: 100%; text-align: left; padding: 6px 10px; box-sizing: border-box;}
  .treat_view2 td {display: block; width: 100%;}
}


/*********************organ*****************************/
.treat__mini {width: 100%;}
.treat__mini table {width: 100%; border-top: 2px solid #000; box-sizing: border-box;}
.treat__mini table th,
.treat__mini table td {vertical-align: middle; color: #272727; font-weight: 300; font-size: 17px; border-bottom: 1px solid #d6d6d6; box-sizing: border-box; border-right: 1px solid #d6d6d6;}
.treat__mini table th {text-align: center; background: #f8f8f8; height: 50px; }
.treat__mini table td {padding: 0 22px; background: #fff; height: 46px;}
.treat__mini table th:last-child,
.treat__mini table td:last-child {border-right: 0;}
.treat__mini table + table {margin: 60px 0 0; }
.treat__mini table.table_2 th{width: 20%; text-align: left; padding: 0 0 0 22px; box-sizing: border-box; vertical-align: middle;}
.treat__mini table.table_2 td{width: 30%; vertical-align: middle; padding: 0.625rem 1rem;}
.treat__mini table.table_2 td[colspan="3"] {width: 80%;}
.treat__mini table.table_3 th{width: 20%; text-align: left; padding: 0 0 0 22px; box-sizing: border-box; vertical-align: middle;}
.treat__mini table.table_3 td{width: 30%; vertical-align: middle; padding: 0.625rem 1rem;}
.treat__mini table.table_3 td[colspan="3"] {width: 80%;}
.treat__mini table.table_3 td[colspan="4"] {width: 100%;}
.treat__mini table.table_3 input[type='text']  {padding: 0 0.625rem; height: 2.85rem; line-height: 2.85rem; width: 100%; border: 1px solid #ddd; box-sizing: border-box; font-size: 15px; letter-spacing: -0.065em;}
.treat__mini h3 {font-size: 1.25rem; margin: 0 0 0.625rem; font-weight: 500; color: #000; letter-spacing: -0.065em;}
.treat__mini h3.mg2 {margin: 1.25rem 0 0.625rem;}
.treat__mini .agree_container {font-size: 1.125rem; color: #272727; letter-spacing: -0.065em; line-height: 1.2;}
.treat__mini .chk_container {margin: 1rem 0 0; font-size: 1rem; color: #000; letter-spacing: -0.065em; line-height: 1.2; display: flex; justify-content: flex-end; align-items: center;}
.treat__mini .chk_container input[type='checkbox'],
.treat__mini .chk_container label {flex: none;}
.treat__mini table.table_3 .awards_btns {width: 100%; display: flex; justify-content: flex-end; align-items: center;}
.treat__mini table.table_3 .awards_btn {flex: none; display: flex; justify-content: center; align-items: center; line-height: 1;
  text-align: center; color: #fff; font-size: 1.25rem; font-weight: 800; width: 2rem; height: 2rem; background-color: #2d2d2d; border: 0; border-radius: 0.25rem;}
.treat__mini table.table_3 .awards_add {}
.treat__mini table.table_3 .awards_del {margin: 0 0 0 0.25rem;}
/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .treat__mini {}
  .treat__mini table.table_2 {width: 100%; display: block;}
  .treat__mini table.table_2 tbody {width: 100%; display: block;}
  .treat__mini table.table_2 tr {width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start;}
  .treat__mini table.table_2 th {font-size: 16px; width: 10rem; display: flex; justify-content: flex-start; align-items: center; height: auto; border: 0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;  padding: 6px 12px; box-sizing: border-box;}
  .treat__mini table.table_2 td {font-size: 16px; width: calc(100% - 10rem); display: block; height: auto; border: 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
  .treat__mini table.table_2 td[colspan="3"] {width: calc(100% - 10rem);}

  .treat__mini table.table_3 {width: 100%; display: block;}
  .treat__mini table.table_3 tbody {width: 100%; display: block;}
  .treat__mini table.table_3 tr {width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start;}
  .treat__mini table.table_3 th {font-size: 16px; width: 10rem; display: flex; justify-content: flex-start; align-items: center; height: auto; border: 0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;  padding: 6px 12px; box-sizing: border-box;}
  .treat__mini table.table_3 td {font-size: 16px; width: calc(100% - 10rem); display: block; height: auto; border: 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
  .treat__mini table.table_3 td[colspan="3"] {width: calc(100% - 10rem);}
  .treat__mini table.table_3 td[colspan="4"] {width: 100%;}

}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {
  .treat__mini table td {padding: 0 10px;}
}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {
  .treat__mini table th, .treat__mini table td {font-size: 14px;}
  .treat__mini table.table_3 th,
  .treat__mini table.table_3 td {font-size: 0.875rem;}
  .treat__mini table.table_3 th {width: 5rem;}
  .treat__mini table.table_3 td {width: calc(100% - 5rem);}
  .treat__mini table.table_3 td[colspan="3"] {width: calc(100% - 5rem);}
  .treat__mini table.table_3 td[colspan="4"] {width: 100%;}
  .treat__mini table.table_3 input[type='text'] {height: 2rem; line-height: 2rem; font-size: 0.875rem;}

}
/* ¾ÆÀÌÆù ¸Æ½º */
@media all and (max-width: 420px) {

}
/* ¾ÆÀÌÆù */
@media all and (max-width: 375px) {

}
/* »ï¼º°¶·°½Ã s20 */
@media all and (max-width: 360px) {

}
/* ¾ÆÀÌÆù 5/se */
@media all and (max-width: 320px) {

}

.awards_btns.ver2 {justify-content: center; margin: 1rem 0; display: flex; align-items: center;}
.awards_btns.ver2 button {font-family: inherit; flex: none; display: inline-flex; justify-content: center; align-items: center; line-height: 1;
  text-align: center; color: #fff; font-size: 0.9375rem; font-weight: 600; padding: 0 1rem; box-sizing: border-box; height: 2rem; background-color: #2d2d2d;
  border: 0; border-radius: 0.325rem;}
.awards_btns.ver2 button + button {margin: 0 0 0 0.325rem;}


.chapter_table {width: 100%; border-top: 2px solid #000; box-sizing: border-box;}
.chapter_table > tbody {width: 100%;}
.chapter_table > tbody > tr {width: 100%;}
.chapter_table th,
.chapter_table td {vertical-align: middle; color: #272727; font-weight: 300; font-size: 17px; border-bottom: 1px solid #d6d6d6; box-sizing: border-box; border-right: 1px solid #d6d6d6;}
.chapter_table th {text-align: center; background: #f8f8f8;}
.chapter_table td {}
.chapter_table th:last-child,
.chapter_table td:last-child {border-right: 0;}
.chapter_table + table {margin: 60px 0 0; }


/*pc ÇØ»óµµ1 ÃÖ¼Ò ÇØ»óµµ*/
@media all and (max-width: 1746px) {
}
/*pc ÇØ»óµµ2*/
@media all and (max-width: 1600px) {

}
/*pc ÇØ»óµµ3*/
@media all and (max-width: 1280px) {

}
/*pc ÇØ»óµµ4 + ÅÂºí¸´ °¡·Î¸ðµå */
@media all and (max-width: 1024px) {
  .chapter_table th,
  .chapter_table td {font-size: 15px;}
}
@media all and (max-width: 540px) {
  .chapter_table th,
  .chapter_table td {font-size: 14px;}
}


.chapter1_td_1 {font-family: inherit; padding: 0.625rem 1rem; box-sizing: border-box; width: 25%;}
.chapter1_td_2 {font-size: 15px; font-family: inherit; padding: 0.625rem 1rem; box-sizing: border-box; width: 75%;}
.chapter1_td_2 p {font-size: 15px;  letter-spacing: -0.065rem; line-height: 1.4; color: #666; }
.chapter1_td_2 em {letter-spacing: 0; color: #000; font-weight: 500;}
.chapter4 {width: 100%; display: block;}
.chapter4 tbody {width: 100%; display: block;}
.chapter4 tr {width: 100%; display: flex; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap; padding: 0.35rem 0; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.chapter4 tr:last-of-type {border: 0;}
.chapter4 td {flex: none; border: 0; font-size: 16px; letter-spacing: -0.065em; padding: 0 0.325rem; box-sizing: border-box;}
.chapter4 td input[type=file]{width: 100%; display: block; border: 0; font-size: 15px; letter-spacing: -0.065em; padding: 0 0.325rem; box-sizing: border-box;}
.chapter4 td:first-of-type {width: 20%; border-right: 1px solid #ddd;}
.chapter4 td:last-of-type {width: 80%;}
.chapter4 td a {color: #eb1c27; font-weight: 500;}


.chapter3 {width: 100%; font-family: inherit; font-size: 15px; letter-spacing: -0.065em;}
.chapter3 td {border-right: 1px solid #ddd; box-sizing: border-box;}
.chapter3 thead td {text-align: center; font-size: 15px; padding: 0.625rem; box-sizing: border-box; background-color: #f9f9f9;}
.chapter3 tbody td {text-align: center; font-size: 15px; padding: 0.625rem; box-sizing: border-box; background-color: #fff; line-height: 1.2;}
.chapter3 tr {width: 100%;}

@media all and (max-width: 1024px) {
  .chapter3 {width: 100%; display: block; border: 1px solid #ddd; box-sizing: border-box;}
  .chapter3 thead {width: 100%; display: none;}
  .chapter3 tbody {width: 100%; display: block; text-align: left;}
  .chapter3 tr {width: 100%; display: block; }
  .chapter3 tbody td {width: 100%; display: block; border-right: 0; text-align: left;}
  .chapter3 tbody td span.tb-is-block {text-align: left;}
  .chapter3 tbody td:last-of-type {border-bottom: 0;}
}

@media all and (max-width: 540px) {
  .chapter4 {border: 1px solid #ddd; box-sizing: border-box;}
  .chapter4 td:first-of-type {width: 100%; border-right: 0; border-bottom: 1px solid #ddd; padding: 0.325rem 0.625rem;}
  .chapter4 td:last-of-type {width: 100%; padding: 0.325rem 0.625rem;}
  .chapter1_td_1,
  .chapter1_td_2
  .chapter1_td_2 p{font-size: 14px;}
  .chapter4 td {font-size: 14px;}
}

@media all and (max-width: 480px) {
  .chapter1_td_1 {width: 25%;}
  .chapter1_td_2 {width: 75%;}

}

.bbs_btns {display: flex; justify-content: center; align-items: center; margin: 24px 0 0;}
.bbs_btn { border: 1px solid #ddd;line-height: 24px;font-size: 13px;padding: 0 10px;box-sizing: border-box;display: inline-block;cursor: pointer; border-radius: 4px;}
.bbs_btns.top {justify-content: flex-start; margin: 34px 0 56px;}
.bbs_btn2 {font-weight: 500; border: 2px solid #ddd; color: #999; background: #fff; line-height: 36px;font-size: 16px;padding: 0 18px;box-sizing: border-box;display: inline-block;cursor: pointer; border-radius: 4px;}
.bbs_btn2 + .bbs_btn2 {margin: 0 0 0 6px;}
.bbs_btn2.color1 {background: #fff; border-color: #eb1c27; color: #eb1c27;}
.bbs_btn2.color2 {background: #fff; border-color: #eb1c27; color: #eb1c27;}


.review_status {width: 100%; border: 1px solid #eb1c27; padding: 15px; box-sizing: border-box; margin: 0 0 2rem;}
.review_status h3 {font-size: 16px; letter-spacing: -0.035em; color: #eb1c27; font-weight: 400;}
.review_status h3 b { letter-spacing: -0.025em; color: #eb1c27; font-weight: 600;}




.sympo_inputtable {border-top: 2px solid #222; box-sizing: border-box; font-family: inherit; letter-spacing: -0.025em;}
.sympo_inputtable thead,
.sympo_inputtable tbody {width: 100%;}
.sympo_inputtable tr {width: 100%; border-bottom: 1px solid #aaa; box-sizing: border-box;}
.sympo_inputtable th {border-bottom: 1px solid #aaa; vertical-align: middle; padding: 8px; box-sizing: border-box; font-size: 15px; color: #666; font-weight: 400; line-height: 25px; text-align: left; }
.sympo_inputtable td {border-bottom: 1px solid #eee; vertical-align: middle; padding: 8px; box-sizing: border-box; font-size: 15px; color: #666; font-weight: 400; line-height: 25px; text-align: left; }
.sympo_inputtable th.title_th {text-align: center; background: #f2f2f2; color: #222; font-weight: bold; }
.sympo_inputtable td {vertical-align: middle; padding: 8px; box-sizing: border-box;}
.sympo_inputtable tr:nth-of-type(3n) td {border-bottom: 1px solid #aaa;}
.sympo_inputtable td.sub_th {color: #666; font-weight: 500;}
.sympo_inputtable.preview td {padding: 8px 14px;}
.sympo_inputtable td input[type=text] {border: 1px solid #ddd; box-sizing: border-box; background: #fff; outline: 0; padding: 0 8px; font-size: 15px; font-family: inherit; height: 36px;}
.sympo_inputtable td input[type=text]:focus {outline: 2px solid #000; border-radius: 4px;}
.sympo_inputtable td input[type=file] {border: 1px solid #ddd; box-sizing: border-box; background: #fff; outline: 0; padding: 4px; font-size: 15px; font-family: inherit;}
.sympo_inputtable span.notice {margin: 0 0 0 6px; font-size: 15px; display: inline-block; font-weight: 300; color: #666;}
.sympo_inputtable.input_table th {border-bottom: 1px solid #eee; }


@media all and (max-width: 540px) {
  .sympo_inputtable {display: block; width: 100%;}
  .sympo_inputtable thead {display: block; width: 100%;}
  .sympo_inputtable tbody {display: block; width: 100%;}
  .sympo_inputtable tr {display: block; width: 100%; border: 0;}
  .sympo_inputtable th {display: block; width: 100%;}
  .sympo_inputtable td {display: block; width: 100%;}
  .sympo_inputtable td.sub_th {border: 0; padding-bottom: 0;}
  .sympo_inputtable tr:nth-of-type(3n) td:first-of-type {border: 0;}
  .sympo_inputtable th {border-bottom: 0; font-size: 1rem; color: #2d2d2d; font-weight: 600;}
  .sympo_inputtable.input_table th {border-bottom: 0;}
}

.read_review {margin: 36px 0 0; padding: 20px; border: 1px solid #ddd; box-sizing: border-box;}
.read_review h3 {font-size: 16px; font-weight: 600; color: #333; margin: 0 0 6px;}
.read_review p {font-size: 16px; font-weight: 400; color: #666; line-height: 20px;}
.read_review p span {color: #666;}
.read_review p a {color: #1187cf;}
.read_review p a.last {color: #ff0000;}
.read_review .line {padding: 12px 0; box-sizing: border-box; border-bottom: 1px dashed #ddd;}
.read_review .line:first-of-type {padding: 0 0 12px;}
.read_review .line:last-of-type {padding: 12px 0 0; border: 0;}

#rgmodal {width: 100%; background-color: #fff; }
#rgmodal .rg_open {display: none;}
#rgmodal .rg_non_open {display: none;}
#rgmodal2 .rg_confirm_ok {display: none;}

.pay-notice {font-size: 16px; color: #2b2b2b; font-weight: 500; letter-spacing: -0.065em; padding: 13px 18px; border-radius: 12px; border: 1px solid #ddd; box-sizing: border-box; background: #f9f9f9;}
@media all and (max-width: 540px) {
  .pay-notice {margin: 0 0 1rem; font-size: 14px;}
}

.pay_select_wrap {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; padding: 18px 0; box-sizing: border-box; border-top: 1px solid #222; border-bottom: 1px solid #222;}
.pay_select_wrap .only_chk.font {flex: none; width: calc((100% - 24px)/ 3); margin: 0 0 18px; height: auto;}
.pay_select_wrap .only_chk.font:nth-of-type(3n - 1) {margin: 0 12px 18px;}
.pay_select_wrap .only_chk.font input[type=checkbox] + label {font-size: 18px;}

@media all and (max-width: 1024px) {
  .pay_select_wrap .only_chk.font input[type=checkbox] + label {font-size: 14px;}
}

@media all and (max-width: 540px) {
  .pay_select_wrap .only_chk.font {width: 100%;  margin: 0 0 18px; }
  .pay_select_wrap .only_chk.font:nth-of-type(3n - 1) {margin: 0 0 18px;}
  .pay_select_wrap .only_chk.font input[type=checkbox] + label {font-size: 13px;}


}

@media all and (max-width: 320px) {
  .pay_select_wrap .only_chk.font {width: 100%; box-sizing: border-box; padding: 0;}
  .pay_select_wrap .only_chk.font input[type=checkbox] + label {font-size: 13px;}

}

.AWbbs_view_table a.file_down {margin: 4px 2px 0 0; line-height: 34px; display: inline-block; padding: 0 8px; box-sizing: border-box; border-radius: 4px; color: #fff; }
.file_down.color1 {background: #ec831c;}
.file_down.color2 {background: #272727;}
.file_down.color3 {background: #eb1c27;}


.pay_sign_wrap {margin: 40px 0 0; border: 1px solid #ddd; border-bottom: 0; border-right: 0; box-sizing: border-box; width: 100%; display: flex; justify-content: flex-start; align-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.pay_sign_wrap .pay_sign_box {flex: none; width: calc(100% / 7); display: block; border: 1px solid #ddd; box-sizing: border-box; border-left: 0; border-top: 0;}
.pay_sign_wrap .pay_sign_box h3 {border-bottom: 1px solid #ddd; box-sizing: border-box; background: #fafafa; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 17px; color: #000; font-weight: 500; line-height: 22px; height: 70px;}
.pay_sign_wrap .pay_sign_img {height: 150px; width: 100%; padding: 18px 0 0; box-sizing: border-box;}
.pay_sign_wrap .pay_sign_img p {text-align: center; color: #000; font-size: 16px;}
.pay_sign_wrap .pay_sign_img p + p {margin: 16px 0 0;}
.pay_sign_wrap .pay_sign_img img { display: block; width: 120px; height: auto; max-height: 80px; margin: 18px auto 0;}
.pay_sign_wrap .pay_sign_box > p {height: 40px; text-align: center; line-height: 40px; border-top: 1px solid #ddd; box-sizing: border-box; font-size: 17px; color: #000; font-weight: 500;}

@media all and (max-width: 1440px) {
  .pay_sign_wrap .pay_sign_box {width: calc(100% / 5);}
}
@media all and (max-width: 1280px) {
  .pay_sign_wrap .pay_sign_box {width: calc(100% / 4);}
}
@media all and (max-width: 767px) {
  .pay_sign_wrap .pay_sign_box {width: calc(100% / 3);}
}
@media all and (max-width: 540px) {
  .pay_sign_wrap .pay_sign_box {width: calc(100% / 2);}
}
@media all and (max-width: 360px) {
  .pay_sign_wrap .pay_sign_box {width: calc(100% / 1);}
}


.pay_sign_tit {font-size: 18px; font-weight: 600; color: #2e2e2e; margin: 32px 0 16px;}
.pay_sign_lst {margin: 40px 0 0;}
.pay_sign_lst table {width: 100%; border-top: 1px solid #222; box-sizing: border-box;}
.pay_sign_lst table thead,
.pay_sign_lst table tbody {width: 100%;}
.pay_sign_lst table tr {width: 100%;}
.pay_sign_lst table thead tr { border-bottom: 1px solid #ddd; box-sizing: border-box;}
.pay_sign_lst table thead th {line-height: 54px; font-size: 15px; color: #333;}
.pay_sign_lst table tbody tr {border-bottom: 1px solid #ddd; box-sizing: border-box;}
.pay_sign_lst table tbody td {line-height: 1.2; color: #333; font-size: 16px; padding: 14px 2px; box-sizing: border-box; vertical-align: middle;}
.pay_sign_lst table tbody td[align="center"] {text-align: center;}
.pay_sign_lst table tbody td .color1 {color: #eb1c27;}
.pay_sign_lst table tbody td .color2 {color: #2358a0;}
.pay_sign_lst table tbody td .color3 {color: #23a04c;}
.pay_sign_lst table tbody td.pay_date {line-height: 1.2;}

.pay_sign_tit + .pay_sign_lst {margin: 0;}
@media all and (max-width: 540px) {
  .pay_sign_lst table {display: block;}
  .pay_sign_lst table thead {display: none;}
  .pay_sign_lst table tbody {display: block;}
  .pay_sign_lst table tr {display: block; padding: 12px 0; box-sizing: border-box;}
  .pay_sign_lst table tbody td {display: block;  font-size: 16px; padding: 0;}
  .pay_sign_lst table tbody td[align="center"] {text-align: left;}

}

.pay_search_wrap h4 {font-size: 18px; color: #2b2b2b; margin: 0 0 12px; font-weight: 500;}
.pay_search_wrap h4 b.color1 {color: #eb1c27;}
.pay_search_wrap h4 b.color2 {color: #2358a0;}
.form_wrap {background: #fafafa; border-top: 1px solid #222; border-bottom: 2px solid #222; box-sizing: border-box; padding: 24px;}
.form_wrap dl {width: 100%; display: flex; justify-content: flex-start; align-items: center;}
.form_wrap dl + dl {margin: 10px 0 0;}
.form_wrap dl dt {font-size: 14px; color: #545454; font-weight: 600; width: 40px;}
.form_wrap dl dd {width: calc(100% - 40px);}
.form_wrap dl dt,
.form_wrap dl dd {flex: none;}
.form_wrap input[type='text'] {font-family: inherit; height: 36px; letter-spacing: -0.065em; border: 1px solid #ddd; box-sizing: border-box; border-radius: 4px; padding: 2px 8px; font-size: 14px; color: #545454;}
.form_wrap select {height: 36px; letter-spacing: -0.065em; border: 1px solid #ddd; box-sizing: border-box; border-radius: 4px; padding: 2px 8px; font-size: 14px; color: #545454;}
.form_wrap input[type='text'].w142 {width: 142px; }
.form_wrap input[type='text'].w177 {width: 177px; }
.form_wrap select {font-family: inherit; width: 100px; }
.form_wrap button[type='submit'] {font-weight: 600; border-radius: 4px; font-family: inherit; width: 85px; height: 36px; text-align: center; border: 1px solid #de3a3f; background: #fff; color: #de3a3f; font-size: 14px; letter-spacing: -0.065em;}


@media all and (max-width: 540px) {
  .form_wrap {padding: 20px;}
  .form_wrap dl {flex-wrap: wrap; align-items: flex-start;}
  .form_wrap dl dt {width: 100%; margin: 0 0 4px;}
  .form_wrap dl dd {width: 100%;}
  .form_wrap input[type='text'].w142 {width: 100px;}
  .form_wrap select {width: 100%;}
  .form_wrap input[type='text'].w177 {width: 100%; margin: 4px 0;}
  .form_wrap button[type='submit'] {width: 100%;}

}
@media all and (max-width: 350px) {
  .form_wrap input[type='text'].w142 {width: 142px;}
  .form_wrap .date_space {display: block; width: 100%;}
}


.search_btns {width: 100%; display: flex; justify-content: flex-end; align-items: center; padding: 16px 0; box-sizing: border-box;}
.search_btns a {padding: 0 18px; box-sizing: border-box; border-radius: 4px; flex: none; display: flex; justify-content: center; align-items: center; text-align: center; height: 42px; font-size: 16px; font-weight: 400;}
.search_btns a + a {margin: 0 0 0 8px;}
.search_btns a.color1 {background: #de3a3f; color: #fff;}
.search_btns a.color2 {background: #2b2b2b; color: #fff;}

.ui-datepicker-trigger {display: inline-block; vertical-align: middle !important; margin: 0 0 0 4px;}

.no_img{width: 110px; height: 40px;}
.active_img{width: 160px; height: 40px; display: flex; justify-content: center; align-items: center;}
.active_img img,
.active_img a {flex: none;}
.active_img a {display: block; margin: 0 0 0 4px;}


.search--container {width: 100%;}
.search_cont p {width: 100%; background: #fafafa; padding: 21px 12px; box-sizing: border-box; font-size: 17px; text-align: center; }
.search_cont.search_cont2 p { text-align: left; padding: 0; font-size: 15px; color: #2e2e2e;}
.search_cont.search_cont2 p.date {margin: 8px 0 0 ;}
.search_cont p b {font-weight: bold; color: #000; font-size: 20px;}
.search_cont p em {font-weight: bold; color: #f11a25;}
.search_cont p.align-right {text-align: right;}
.search_cont .search_title {margin: 20px 0 24px; font-size: 15px; color: #222; text-align: left; padding-bottom: 8px; border-bottom: 1px solid #858585; box-sizing: border-box;}
.search_cont .search_title b {font-size: 15px; color: #f11a25; font-weight: bold;}
.search_ul li {margin: 24px 0 0; cursor:pointer;}
.search_ul li h4 {font-size: 18px; color: #2e2e2e; font-weight: 500; margin: 0 0 12px;}
.search_ul li .search_box {padding: 20px; box-sizing: border-box; width: 100%; background: #fafafa; border-bottom: 1px solid #e8eeec;}

@media all and (max-width: 1024px) {
  .search--container {padding: 0 20px; box-sizing: border-box;}
}
/* °¶·°½ÃÅÇ */
@media all and (max-width: 800px) {

}
/* ¾ÆÀÌÆеå */
@media all and (max-width: 768px) {

}
/* ¸ð¹ÙÀϺбâ½ÃÀÛ */
@media all and (max-width: 540px) {

}


.m-flex {width: 100%; display: flex; justify-content: flex-start; align-items: stretch; height: 751px;}
.m-flex .m-box {padding: 140px 0 0; box-sizing: border-box; }
.m-flex .left-view,
.m-flex .right-view {flex: none; height: 100%;}
.m-flex .left-view {width: 67%; display: flex; justify-content: flex-start; align-items: flex-start; height: 100%;}
.m-flex .left-view .m-box{height: 100%; width: 50%; max-width: 650px; text-align: center;}
.m-flex .left-view .m-box:first-of-type {background: url(/ENG/images/main/vis01_new2.jpg) 50% 50% no-repeat; background-size: cover;}
.m-flex .left-view .m-box:nth-of-type(2) {background: url(/ENG/images/main/vis02_new2.jpg) 50% 50% no-repeat; background-size: cover;}
.m-flex .left-view .m-box h2{font-size: 60px; font-weight: 500; color: #fff; }
.m-flex .left-view .m-box p{margin: 30px 0 50px; font-size: 20px; line-height: 30px; color: #fff;}
.m-flex .left-view .m-box a{display: inline-flex; justify-content: center; align-items: center; padding: 10px 34px 11px; box-sizing: border-box; font-size: 18px; color: #fff; border-radius: 50px; background: #0067c4; line-height: 24px;}
.m-flex .left-view .m-box a:hover {background: #00529d;}
.m-flex .right-view {width: 33%; height: 100%; }
.m-flex .right-view .m-box {flex: none; padding: 140px 85px 0; width: 100%; height: 100%; background: #f6f6f6; position: relative; display: flex; justify-content: space-between; align-items: flex-start;}
.m-flex .right-view .m-box .left-box { max-width: 260px; width: 100%; height: 100%;}
.m-flex .right-view .m-box .left-box a {display: block; width: 100%; height: 100%;}
.m-flex .right-view .m-box h3 {display: block; margin: 0 0 30px;}
.m-flex .right-view .m-box h3 img {display: block; max-width: 100%; height: auto;}
.m-flex .right-view .m-box h2 {font-size: 45px; font-weight: 500; color: #2e2e2e; }
.m-flex .right-view .m-box p {font-size: 18px; color: #6c6c6c; line-height: 30px; margin: 36px 0 0;}
.m-flex .right-view .imgs {flex: none; width: 200px; height: 100%; text-align: right; padding: 45px 0 0; box-sizing: border-box;}
.m-flex .right-view .imgs img {max-width: 160px; display: inline-block; width: 100%; height: auto;}
.m-flex .right-view .imgs p {margin: 18px 0 0; font-size: 14px; color: #2e2e2e; line-height: 20px; font-weight: 400; display: block;}
.m-flex .right-view .imgs p strong {display: block; width: 100%; font-size: 15px; font-weight: 500;}




/*¸ð¹ÙÀÏ º¯°æ CSS*/

.m-flex {width: 100%; display: flex; justify-content: flex-start; align-items: stretch; height: 820px;}
.m-flex .m-box {padding: 140px 0 0; box-sizing: border-box; }
.m-flex .left-view,
.m-flex .right-view {flex: none; height: 100%;}
.m-flex .left-view {width: 48%; display: flex; justify-content: flex-start; align-items: flex-start; height: 100%;}
.m-flex .left-view .m-box{height: 100%; width: 50%; max-width: 650px; text-align: center;}
.m-flex .left-view .m-box:first-of-type {background: url(/ENG/images/main/vis01_new2.jpg) 50% 50% no-repeat; background-size: cover;}
.m-flex .left-view .m-box:nth-of-type(2) {background: url(/ENG/images/main/vis02_new2.jpg) 50% 50% no-repeat; background-size: cover;}
.m-flex .left-view .m-box h2{font-size: 60px; font-weight: 500; color: #fff; }
.m-flex .left-view .m-box p{margin: 30px 0 50px; font-size: 20px; line-height: 30px; color: #fff;}
.m-flex .left-view .m-box a{display: inline-flex; justify-content: center; align-items: center; padding: 10px 34px 11px; box-sizing: border-box; font-size: 18px; color: #fff; border-radius: 50px; background: #0067c4; line-height: 24px;}
.m-flex .left-view .m-box a:hover {background: #00529d;}

.m-flex .center-view {width:26%; display: flex; flex-direction: column; align-items: flex-start; }
.m-flex .center-view .m-box {display: flex; flex-direction: column; width: 100%; padding:30px;     padding-top: 25px;}
.m-flex .center-view .m-box:last-child {border-top:1px solid #eee;}
.m-flex .center-view .m-box div {position:relative;}
.m-flex .center-view .m-box div h3 {font-size:30px; font-weight:500; color:#2e2e2e; margin-bottom:20px;}
.m-flex .center-view .m-box div a.main-more {display: block; width: 34px; height: 34px; background: url(/KOR/image/ico/news-more__btn.png) 50% 50% no-repeat; font-size: 0; background-size: 100% auto; position: absolute; right: 0px; top: 0px;}

.m-flex .center-view .m-box ul.notice li {display: flex; flex-direction: row; justify-content:space-between; line-height:180%; font-weight:300;}
.m-flex .center-view .m-box ul.notice li span.date{font-size:14px; color: #7f7f7f;}

.m-flex .center-view .m-box ul.news_lst {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
.m-flex .center-view .m-box ul.news_lst li::after {content: ''; display: block; width: 100%; height: 1px; bottom: 0; left: -16px; background:#eee; margin-bottom:20px;}
.m-flex .center-view .m-box ul.news_lst li:last-child::after {display:none;}
.m-flex .center-view .m-box ul.news_lst li a {display: flex; justify-content: space-between; margin-bottom:20px; height: 120px; overflow: hidden; }
.m-flex .center-view .m-box ul.news_lst .txt {/*width: calc(100% - 117px); */ padding: 0 20px 0 0; box-sizing: border-box; word-break:break-all; overflow-wrap: break-word;}
.m-flex .center-view .m-box ul.news_lst .txt h5 {font-size:20px; color:#2e2e2e; margin-bottom:10px;}
.m-flex .center-view .m-box ul.news_lst .txt p {color:#6c6c6c; margin-bottom:10px;}
.m-flex .center-view .m-box ul.news_lst .txt span.date {font-size:14px; color: #7f7f7f;}
.news_lst .img img {display: block; width: 100%; height: auto; object-fit: cover;}

  

.m-flex .right-view {width:26%; height: 100%; display: flex;  flex-direction:column; }
.m-flex .right-view .m-box {flex: none; width: 100%; height: 50%; padding:0; background: #f6f6f6; position: relative; display: flex; justify-content: space-between; align-items: flex-start; box-sizing:border-box;}
.m-flex .right-view .m-box .left-box { max-width: 200px; width: 100%; height: 50%; padding: 50px 0 0 50px; }
.m-flex .right-view .m-box .left-box a {display: block; width: 100%; height: 100%;}
.m-flex .right-view .m-box h3 {display: block; margin: 0 0 30px;}
.m-flex .right-view .m-box h3 img {display: block; max-width: 100%; height: auto;}
.m-flex .right-view .m-box h2 {font-size: 40px; font-weight: 500; color: #2e2e2e; }
.m-flex .right-view .m-box p {font-size: 16px; color: #6c6c6c; line-height: 180%; margin: 20px 0 0;}
.m-flex .right-view .imgs {flex: none; width: 200px; height: 100%; text-align: right; padding: 100px 50px 0 0; box-sizing: border-box;}
.m-flex .right-view .imgs img {max-width: 160px; display: inline-block; width: 100%; height: auto;}
.m-flex .right-view .imgs p {margin: 18px 0 0; font-size: 14px; color: #2e2e2e; line-height: 20px; font-weight: 400; display: block;}
.m-flex .right-view .imgs p strong {display: block; width: 100%; font-size: 15px; font-weight: 500;}


.m-flex .right-view .m-box .last-box {display:flex; flex-direction: column; justify-content: center; text-align:center; width:100%; height:100%; background: url(/ENG/images/main/vis03_new.jpg) 50% 50% no-repeat; background-size: cover;}
.m-flex .right-view .m-box .last-box h2{font-size: 40px; font-weight: 500; color: #fff; }
.m-flex .right-view .m-box .last-box p{display:inline-block; margin: 10px 0 30px; font-size: 18px; line-height: 30px; color: #fff;}
.m-flex .right-view .m-box .last-box a {display: inline-flex; justify-content: center; align-items: center; padding: 10px 30px; box-sizing:border-box; max-width:250px; margin:0 auto; font-size: 18px; color: #fff; border-radius: 50px; background: #0067c4; line-height: 24px;}
.m-flex .right-view .m-box .last-box a:hover {background: #00529d;}

/*¸ð¹ÙÀÏ º¯°æ CSS*/

@media all and (max-width: 1720px) {
  .m-flex .right-view .m-box {padding: 140px 10% 0;}
  m-flex .right-view {
	width: 100%;
	}
	.m-flex .right-view .m-box {
        padding: 0;
    }

}
@media all and (max-width: 1440px) {

  .m-flex {flex-wrap: wrap; width: 100%; display: block; height: auto; }
  .m-flex .left-view {
	width: 100%;
}


.m-flex .left-view .m-box {
   max-width: 100%;
       padding: 70px;
}

  /*.m-flex .left-view {width: 62%;}
  .m-flex .right-view {width: 38%;}*/
  .m-flex .right-view {width: 100%; height: auto;}
  .m-flex .right-view .m-box {padding: 20px;}
  .m-flex .right-view .m-box .left-box {max-width: 100%; width: calc(100% - 200px);}
  .m-flex .right-view .m-box:first-child {padding: 50px;}
  .m-flex .right-view .m-box:last-child {padding: 0;}
  .m-flex .right-view .m-box .last-box {height: 370px; background-size:cover; background-position:top;}
  .m-flex .right-view .m-box .imgs img {max-width:180px;}
  .m-flex .center-view {width: 100%;}
  .m-flex .right-view .m-box .last-box a {margin-bottom: 15px;}
  .m-flex .center-view {width: 100%; display: block; justify-content: flex-start; align-items:flex-start; flex-direction: inherit;}

	.m-flex .right-view .m-box .left-box {
	   padding: 0;
	  }

	 .m-flex .right-view .imgs {
	   
		padding: 0;
	}

	.m-flex .center-view .m-box ul.news_lst {
    display: block;
	}

}
@media all and (max-width: 1280px) {
  
  .m-flex .center-view .m-box {width: 100%; padding: 20px;}

}
@media all and (max-width: 1024px) {
  .m-flex {flex-wrap: wrap; width: 100%; display: block; height: auto; }
  .m-flex .left-view {width: 100%; height: 370px;}
  .m-flex .left-view .m-box {padding: 40px 20px;}
  .m-flex .right-view {width: 100%; height: auto;}
  .m-flex .right-view .m-box .left-box {max-width: 100%; width: calc(100% - 240px);}

  .m-flex .center-view {width: 100%; display: flex; flex-direction: column; align-items: flex-start;}
  .m-flex .center-view .m-box {width: 100%; padding: 20px;}
  .m-flex .center-view .m-box ul.news_lst {display: block;}

  .m-flex .right-view .m-box .last-box

}
@media all and (max-width: 640px) {
  .m-flex .left-view {display: block; height: auto;}
  .m-flex .left-view .m-box {width: 100%; height: 370px;}
  .m-flex .right-view .m-box {flex-wrap: wrap; width: 100%; align-content: flex-start;}
  .m-flex .right-view .m-box .left-box {max-width: 100%; width: 100%;}
  .m-flex .right-view .m-box h3 {margin: 0 0 10px;}
  .m-flex .right-view .m-box p {margin: 14px 0 0;}
  .m-flex .right-view .m-box .imgs {width: 100%; display:flex; flex-direction: row-reverse; align-items: flex-end;}
   .m-flex .right-view .m-box .imgs img {width:120px; margin-left:30px;}
  
  
}

@media all and (max-width: 320px) {
  .m-flex .left-view .m-box h2 {font-size: 40px;}
  .m-flex .left-view .m-box p {margin: 20px 0 30px;}
  .m-flex .left-view .m-box a {padding: 10px 20px 11px; font-size: 15px;}
  .m-flex .right-view .m-box:first-child {padding: 40px 20px;}
  .m-flex .center-view .m-box ul.notice li {display: flex; flex-direction: column; justify-content: space-between; line-height: 180%; font-weight: 300;}

#ii_tab {width: 100%; padding: 0; border: 0; margin: 0; background: transparent; font-family: inherit !important;}
#ii_tab .tab {width: 100%; padding: 0; border: 0; margin: 0 0 36px; background: transparent; display: flex; justify-content: center; align-items: center;}
#ii_tab .tab li {flex: none; padding: 0; margin: 0; background: #fff; width: 180px; height: 47px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 8px; font-size: 17px; color: #999; }
#ii_tab .tab li + li {margin: 0 0 0 10px;}
#ii_tab .tab li a {padding: 0; border: 0; margin: 0; background: transparent; width: 100%; height: 100%; display: block; text-align: center; line-height: 47px; color: inherit;}
#ii_tab .tab li.ui-state-active {background: #2e2e2e; color: #fff; border-color: #2e2e2e;}
#ii_tab .ii-cont {width: 100%; padding: 0; border: 0; margin: 0; background: transparent;}
#ii_tab .ii-cont img {display: block; max-width: 100%; width: auto; height: auto; background: transparent;}
#ii_tab .ii-cont .tab-head {color: #2e2e2e; font-size: 24px; font-weight: 600; margin: 0 0 32px; border-bottom: 2px solid #2e2e2e; box-sizing: border-box; padding: 0 0 12px;}

.confirm_area {width: 100%; padding: 34px 0 40px; background: #fafafa; box-sizing: border-box; text-align: center; border-bottom: 1px solid #ddd; margin: 0 0 60px;}
.confirm_area h3 {color: #2e2e2e; font-size: 24px; font-weight: 500; text-align: center; margin: 0 0 24px;}
.confirm_area dl {position: relative;}
.confirm_area dt {font-size: 0; opacity: 0;}
.confirm_area dd {margin: 0 auto; width: 342px; height: 52px; border-radius: 8px; background: #fff; display: block;}
.confirm_area dd input {font-family: inherit; width: 100%; height: 100%; border-radius: inherit; border: 1px solid #e1e1e1; font-size: 15px; color: #999; padding: 0 12px; box-sizing: border-box;}
.confirm_area dd:last-of-type {margin: 10px auto;}
.confirm_area button[type='submit'] {margin: 0 auto; display: block; font-family: inherit; width: 342px; height: 52px; background: #de3a3f; color: #fff; font-size: 15px; font-weight: 500; border-radius: 8px; border: 0;}
.confirm_area a {margin: 0 auto; display: block; font-family: inherit; width: 342px; height: 52px; line-height: 52px; background: #4d4d4d; color: #fff; font-size: 15px; font-weight: 500; border-radius: 8px; border: 0;}
.confirm_area a + a {margin: 12px auto 0; background: #de3a3f;}
.confirm_area.confirm_area_bottom {border: 1px solid #e1e1e1; box-sizing: border-box; border-radius: 20px; }
.confirm_area.iicir {padding: 120px 0 40px; background:none; border-bottom:0;}
.confirm_area.iicir.confirm_area_bottom {border:0;}


@media all and (max-width: 1024px) {
  #ii_tab{width: 100%; padding: 0 20px; box-sizing: border-box;}
}

@media all and (max-width: 640px) {
  #ii_tab .tab li {width: auto; height: auto;}
  #ii_tab .tab li a {padding: 0 20px; box-sizing: border-box;}
}

@media all and (max-width: 420px) {
  #ii_tab .tab li {font-size: 14px;}
  #ii_tab .tab li a {padding: 0 18px; line-height: 34px; }

  .confirm_area {padding: 30px 20px; box-sizing: border-box; margin: 0 0 30px;}
  .confirm_area h3 {font-size: 18px; margin: 0 0 12px;}
  .confirm_area dd {width: 100%; height: 42px; }
  .confirm_area button[type='submit'] {width: 100%; height: 42px; font-size: 14px;}
  .confirm_area a {width: 100%; height: 42px; font-size: 14px; line-height: 42px;}

  #ii_tab .ii-cont {font-size: 14px;}
  #ii_tab .ii-cont .tab-head {font-size: 18px; margin: 0 0 12px; padding: 0 0 10px; }
}

@media all and (max-width: 360px) {
  #ii_tab .tab li {font-size: 13px; }
  #ii_tab .tab li + li {margin: 0 0 0 8px;}
  #ii_tab .tab li a {padding: 0 12px;}
}

.fellow-container .tab-head {color: #2e2e2e; line-height: 34px; text-align: center; font-size: 24px; font-weight: 600; margin: 0 0 32px; border-bottom: 2px solid #2e2e2e; box-sizing: border-box; padding: 0 0 20px;}
.fellow-container ol {padding: 24px 0 0; box-sizing: border-box;}
.fellow-container h2 {font-size: 20px; display: block; width: 100%; line-height: 50px; background: #ff7e00; color: #fff; text-align: center; margin: 0 0 30px;}
.fellow-container h4 {font-size: 20px; color: #2e2e2e; font-weight: 600; padding: 0 0 10px; box-sizing: border-box;}
.fellow-container p {width: 100%; padding: 20px 24px; background: #fafafa; box-sizing: border-box; border: 1px solid #ddd; border-radius: 16px; margin: 0 0 24px; font-size: 17px; color: #222; line-height: 30px; }
.fellow-container p b {color: #f11a25; display: block; }
.fellow-container p em {font-style: initial; text-decoration: underline;}
.fellow-container p a {color: #0067c4; display: block;}
@media all and (max-width: 1024px) {
  .fellow-container {padding: 0 20px; box-sizing: border-box;}
}
@media all and (max-width: 420px) {
  .fellow-container .tab-head {font-size: 18px; margin: 0 0 12px; padding: 0 0 10px; line-height: 28px;}
  .fellow-container h2 {font-size: 19px; line-height: 40px; margin: 0 0 12px;}
  .fellow-container h4 {font-size: 18px; padding: 0 0 8px;}
  .fellow-container p {font-size: 15px; line-height: 25px;}
}

.fellow-form {}
.fellow-form .fellow-head {width: 100%; padding: 10px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; background: #d7efdc; margin: 30px 0 5px; font-size: 18px; line-height: 26px; text-align: center;}
.fellow-form .fellow-head.color1 {background: #f7e2e2}
.fellow-form .fellow-head.color2 {background: #d3e9f4;}
.fellow-form table {width: 100%;}
.fellow-form tbody {width: 100%;}
.fellow-form th,
.fellow-form td {padding: 10px 0; box-sizing: border-box; vertical-align: middle;}
.fellow-form th {text-align: left; font-size: 17px; color: #222; padding: 10px;}
.fellow-form td input[type='text'], .fellow-form table td input[type='password'] {width: 100%; display: block; height: 42px; padding: 0 10px; box-sizing: border-box; font-size: 15px; font-family: inherit; color: #2e2e2e; letter-spacing: -0.04em; border: 1px solid #e1e1e1;}
.fellow-form td textarea {width: 100%; display: block; height: 200px; padding: 18px; box-sizing: border-box; font-size: 15px; font-family: inherit; color: #2e2e2e; letter-spacing: -0.04em; border: 1px solid #e1e1e1; resize: none;}
.fellow-form td input[type='text'].min {width: calc((100% - 80px - 30px) / 3); margin: 0 4px; display: inline-block; vertical-align: middle; max-width: 120px;}
.fellow-form td input[type='text'].smin {width: 80px; margin: 0 4px; display: inline-block; vertical-align: middle;}
.fellow-form .chk_flex {display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
.fellow-form .only_chk {display: flex; justify-content: flex-start; align-items: center; line-height: 24px; margin: 0 0 16px; flex-wrap: wrap; width: 100%;}
.fellow-form .chk_flex .only_chk {flex: none; width: 50%; }
.fellow-form .only_chk input[type=checkbox] {appearance: none; flex: none; width: 0; height: 0; opacity: 0; padding: 0; margin: 0 ; }
.fellow-form .only_chk input[type=radio] {appearance: none; flex: none; width: 0; height: 0; opacity: 0; padding: 0; margin: 0 ; }
.fellow-form .only_chk label {display: inline-block; flex: none; padding: 0 20px 0 28px; box-sizing: border-box; font-size: 17px; color: #545454; font-weight: 300; line-height: 24px; position: relative; width: auto; max-width: 100%;}
.fellow-form .only_chk label::before {content: ''; display: block; width: 18px; height: 18px; background: #fff url(/ENG/images/fellow/chk.png) 50% 50% no-repeat; border: 1px solid #ddd; box-sizing: border-box; border-radius: 4px; background-size: 100% auto; position: absolute; top: 4px; left: 0;}
.fellow-form .only_chk input[type=radio] + label::before {border-radius: 50%;}
.fellow-form .only_chk input:checked + label::before {border-color: #222; background: #fff url(/ENG/images/fellow/checked.png) 50% 50% no-repeat; background-size: 100% auto;}
.fellow-form .only_chk input[type=text] {display: inline-flex; width: auto; max-width: 200px;}
.fellow-form .form_flex {width: 100%; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; }
.fellow-form .form_flex .left-view,
.fellow-form .form_flex .right-view {width: 50%; flex: none;}
.fellow-form .form_flex .left-view {padding: 0 20px 0 0; box-sizing: border-box;}
.fellow-form .form_flex .right-view {padding: 0 0 0 20px; box-sizing: border-box;}
.fellow-form span.em {color: #f11a25; font-size: 16px; display: block;}
.fellow-form span.ess {display: inline-block; vertical-align: middle; margin: 0 0 0 4px;}
.fellow-form input[type='file'] {max-width: 250px; display: inline-block; vertical-align: middle; border: 1px solid #e1e1e1; padding: 10px; box-sizing: border-box; font-family: inherit; color: inherit; border-radius: 8px;}
.fellow-form input[type='file'] + button[type='button'] {border: 1px solid #f11a25; color: #f11a25; background: #fff; height: 42px; box-sizing: border-box; display: inline-block; margin: 0 0 0 10px; width: 130px; border-radius: 8px; font-size: 16px; font-weight: 400;}
.fellow-form .max-height {border: 1px solid #e1e1e1; box-sizing: border-box; height: 200px; width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center;}
.fellow-form td .max-height textarea {border: 0; height: 198px;}
.fellow-form .form-file {padding: 40px 20px; margin: 42px 0 60px; box-sizing: border-box; border: 1px solid #e1e1e1; border-top: 2px solid #222;}
.fellow-form .file-flex {display: flex; justify-content: flex-start; align-items: center; width: 650px; margin: 7px auto;}
.fellow-form .file-flex span {font-size: 17px; color: #222; display: block; width: 250px;}
.fellow-form button[type='submit'] {/*letter-spacing: -0.04em; font-family: inherit; display: block; width: 342px; height: 47px; color: #fff; font-size: 17px; border-radius: 8px; margin: 0 auto; border: 0; */ background: #f11a25;}
.fellow-form .max-height .file-flex {width: 100%; justify-content: center; flex-wrap: wrap; padding: 0 5px; box-sizing: border-box;}


.fellow-form .photo_area {box-sizing: border-box; width: 100%; background:none;}
.fellow-form .photo_area.iicir {padding: 15px 0; background:#f8f8f8;}
.fellow-form .photo_area .imgs {background: url(/KOR/image/sub/photo_label.png) 50% 50% no-repeat; background-size: 100% auto; width: 120px; height: 120px; border-radius: 50%; box-sizing: border-box; margin: 0 auto; overflow: hidden; position: relative;}
.fellow-form .photo_area .imgs img {outline: 0; border: 0; display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.fellow-form .photo_area .file_btn {background: transparent; margin: 16px auto 12px; width: 130px; height: 36px; border: 1px solid #de3a3f; box-sizing: border-box; border-radius: 4px; text-align: center; font-size: 16px; font-weight: 400; letter-spacing: -0.04em; display: flex; justify-content: center; align-items: center; color: #de3a3f;}
.fellow-form .photo_area .file_btn input[type="file"] {appearance: none; width: 0; height: 0; font-size: 0; padding: 0; margin: 0;}
.fellow-form .photo_area .file_btn input[type="file"] + label {color: #de3a3f;}
.fellow-form td input[type='text'].mid, .fellow-form table td input[type='password'].mid {width: 300px; display: inline-block; vertical-align: middle;}
.fellow-form input[type=radio], .fellow-form input[type=radio] {appearance: none; width: 0; height: 0; margin: 0; padding: 0;}
.fellow-form input[type=radio]:checked + label, .fellow-form input[type=radio] + label {cursor: pointer; line-height: 37px; font-size: 15px; font-family: inherit; display: inline-block; position: relative; padding: 0 12px 0 25px; box-sizing: border-box;}
.fellow-form input[type=radio] + label::before, .fellow-form input[type=radio] + label::before {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: 50%; width: 18px; height: 18px; background: #fff url(/KOR/image/ico/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.fellow-form input[type=radio]:checked + label::before, .fellow-form input[type=radio]:checked + label::before {background: #000 url(/KOR/image/ico/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: #000; }
.fellow-form table select {min-width: 300px; padding: 0 50px 0 14px; appearance: none; height: 42px; display: inline-block; border: 1px solid #ddd; vertical-align: middle; box-sizing: border-box; width: auto;}
.fellow-form .form_flex.iicir .left-view {width: 60%; flex: none; padding:0;}
.fellow-form .form_flex.iicir .right-view {width: 40%; flex: none; padding:0;}


@media all and (max-width: 1440px) {
  .fellow-form .form_flex .left-view {padding: 0 10px 0 0;}
  .fellow-form .form_flex .right-view {padding: 0 0 0 10px;}
}
@media all and (max-width: 1024px) {
  .fellow-form .file-flex {flex-direction: column; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; max-width: 100%; width: 100%;}
  .fellow-form .file-flex span {width: 100%; display: block; margin: 0 0 4px; font-weight: 500; text-align: center;}
  .fellow-form input[type='file'] {margin: 0; max-width: 100%;}
  .fellow-form input[type='file'] + button[type='button'] {width: 100%; max-width: 130px; margin: 10px 0 24px;}
}
@media all and (max-width: 640px) {
  .fellow-form table {width: 100%; display: block;}
  .fellow-form tbody {width: 100%; display: block;}
  .fellow-form tr {width: 100%; display: block;}
  .fellow-form th {width: 100%; display: block; padding: 4px 0; font-size: 15px;}
  .fellow-form td {width: 100%; display: block; padding: 4px 0; font-size: 14px;}
  .fellow-form td input[type='text'].min {min-width: 80px;}
  .fellow-form td input[type='text'].smin {min-width: 40px; max-width: 50px;}
  .fellow-form .chk_flex .only_chk {width: 100%;}

  .fellow-form .form_flex .left-view,
  .fellow-form .form_flex .right-view{width: 100%; padding: 0;}

}

@media all and (max-width: 450px) {
  .fellow-form button[type='submit'] {
    width: 100%;
    height: auto;
    line-height: 24px;
    font-size: 15px;
    padding: 8px 12px;
    box-sizing: border-box;
  }
}

.map_container .root_daum_roughmap .wrap_controllers {display: none;}
.map_dl {display: flex; width: 100%; justify-content: flex-start; align-items: center; align-content: flex-start; flex-wrap: wrap; margin: 42px 0 0;}
.map_dl dt {font-size: 16px; color: #222; line-height: 40px; flex: none; width: 135px; position: relative; padding: 0 0 0 20px; box-sizing: border-box;}
.map_dl dt::before {content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.map_dl dt:first-of-type::before{background: url(/img/sub/dl_address.png) 0 50% no-repeat; background-size: 9px auto;}
.map_dl dt:nth-of-type(2)::before{background: url(/img/sub/dl_call.png) 0 50% no-repeat; background-size: 10px auto;}
.map_dl dt:nth-of-type(3)::before{background: url(/img/sub/dl_fax.png) 0 50% no-repeat; background-size: 12px auto;}
.map_dl dt:nth-of-type(4)::before{background: url(/img/sub/dl_email.png) 0 50% no-repeat; background-size: 12px auto;}
.map_dl dd {flex: none; width: calc(100% - 135px); font-size: 16px; line-height: 2.5;}

.flex_td {display: flex; gap: 10px;}
.flex_td > span {font-size:13px;}