@charset "utf-8";

@font-face {
  font-family: 'NanumBarunGothic';
  src: url('../fonts/NanumBarunGothicBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}

html, body {
  font-size: 10px;
  overflow-x:hidden;
}

body {
  position: relative;
  font-family: 'Pretendard', 'NanumBarunGothic', sans-serif;
  color:#212121;
  -webkit-text-size-adjust: none;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  letter-spacing: -0.02em;
}

body, h1, h2, h3, h4, h5, h6, ul, p, button, input, td{
  margin:0;
  padding:0
}

h1, h2, h3, h4, h5, h6{
  font-size:inherit;
  font-weight:normal;
  font-family:inherit;
}

ul{
  list-style:none;
}

a{
  text-decoration:none;
}

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

button{
  border:0px;
  background:none;
  cursor:pointer;
  font-family:inherit;
  font-size: inherit;
}

img{
  border:0px;
  vertical-align:top;
}

address{
  font-style:normal;
}

header, nav, section, article, footer{
  display:block;
}

legend {
  position:absolute;
  margin:0;
  padding:0;
  font-size:0;
  line-height:0;
  text-indent:-9999em;
  overflow:hidden;
}

label, input, button, select{
  vertical-align:middle;
}

input, textarea{
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

hr {
  display:none;
}

pre {
  overflow-x:scroll;
  font-size:1.1em;
}

table{
  border-spacing:0px;
  border-collapse:collapse;
}

em{
  font-style:normal;
}

fieldset{
  border:0;
}

select::-ms-expand {
  display:none;
}

input:focus {
  outline:none;
}

input[type="date"]{
  position:relative;
  padding-right:20px;
  background:url("../images/cal_arrow.png") no-repeat right 10px center;
  padding-left:0;
}

input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button{
  display:none;
}

input[type="date"]::-webkit-calendar-picker-indicator{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:transparent;
  color:transparent;
  cursor:pointer;
}

input[type="date"]::before{
  content:attr(data-placeholder);
  width:100%;
}

input[type="date"]:valid::before{
  display:none;
}

input[data-placeholder]::before{
  color:#999;
  font-size:13px;
}

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

.area {
  width: 1320px;
  margin: 0 auto;
}

.pc_view {
    display: block
}

.mo_view {
    display: none
}

select {
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/sub/sub_slt_ico.png) no-repeat;
    background-size: 1rem;
    background-position: center right 1.4rem;
}

select::-ms-expand {
	display: none;
}

#black {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.8;
  z-index: 102;
}

#black.on {
  display: block;
}

#topBtn {
  position: fixed;
  right: 15rem;
  bottom: 3rem;
  width: 6rem;
  height: 6rem;
  z-index: 101;
  background-image: url("../images/main/top_ico.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#topBtn img {
  position: absolute;
  top: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.6rem;
  height: auto;
  transition: top 0.5s;
}

#topBtn:hover img {
  top: 1rem;
}


#header {
  width: 100%;
  height: 9rem;
}

#header.sub {
  border-bottom: 1px solid #E0E0E0;
}

#header .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 162rem;
  height: 100%;
  margin: 0 auto;
}

#header .wrap .logo-wrap {
  display: flex;
  align-items: center;
}

#header .wrap .logo-wrap .logo a img {
  width: 17rem;
  height: auto;
}

#header .wrap .logo-wrap h2 {
  font-family: 'NanumBarunGothic', 'Pretendard', sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  color: #002B6A;
  padding-left: 1.58rem;
}

#header .wrap .gnb-wrap {
  display: flex;
  align-items: center;
  height: 100%;
}

#header .wrap .gnb-wrap .gnb {
  display: flex;
  align-items: center;
  height: 100%;
}

#header .wrap .gnb-wrap .gnb > li {
  position: relative;
  width: 22rem;
  height: 100%;
}

#header .wrap .gnb-wrap .gnb > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
}

#header .wrap .gnb-wrap .gnb > li > a > span {
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 3px;
  background-color: #074196;
  transition: 0.5s;
  z-index: 12;
}

#header .wrap .gnb-wrap .gnb > li:hover > a {
  font-weight: 700;
  color: #074196;
}

#header .wrap .gnb-wrap .gnb > li:hover > a span {
  width: 100%;
}

#header .wrap .gnb-wrap .gnb > li .sub-menu {
  display: none;
  position: relative;
  padding: 1rem 0;
  width: 22rem;
  background-color: #fff;
  z-index: 11;
  border-top: 1px solid #e0e0e0;
}

#header .wrap .gnb-wrap .gnb > li .sub-menu li.blank {
  height: 5.5rem;
}

#header .wrap .gnb-wrap .gnb > li .sub-menu li a {
  display: block;
  font-size: 1.6rem;
  color: #5B5B5B;
  padding: 1.8rem 0;
  text-align: center;
}

#header .wrap .gnb-wrap .gnb > li:hover .sub-menu {
  background-color: #F9F9F9;
}

#header .wrap .gnb-wrap .gnb > li .sub-menu li:hover a {
  color: #212121;
  font-weight: 700;
}

#header .wrap .gnb-wrap .util {
  display: flex;
  margin-left: 3.7rem;
  min-width: 11.4rem;
  justify-content: end;
}

#header .wrap .gnb-wrap .util li {
  padding-left: 1rem;
  margin-left: 0.9rem;
  background-image: url("../images/main/hd_bar.png");
  background-repeat: no-repeat;
  background-position: left center;
}

#header .wrap .gnb-wrap .util li:first-child {
  padding-left: 0;
  margin-left: 0;
  background: none;
}

#header .wrap .gnb-wrap .util li a {
  font-size: 1.6rem;
  color: #797979;
}

#header .wrap .gnb-wrap .util li:hover a {
  color: #212121;
}

#header .wrap .mo-menu-btn {
  display: none;
  width: 3.3rem;
  height: 3.25rem;
}

#header .wrap .mo-menu-btn img {
  width: 100%;
  height: auto;
}

#header .gnb-bg {
  display: none;
  position: absolute;
  left: 0;
  top: 9rem;
  width: 100%;
  height: 18.575rem;
  background-color: #fff;
  z-index: 10;
  border-top: 1px solid #e0e0e0;
}

#header.sub .gnb-bg {
  box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
}

#header .gnb-bg .fullmenu-bg {
  position: absolute;
  top: 0;
  right: 0;
}

#header .gnb-bg .fullmenu-bg img {
  width: 21.7rem;
  height: auto;
}




#moFullMenu {
  display: none;
  position: fixed;
  top: 0;
  right: -100%;
  width: 74%;
  height: 100vh;
  background-color: #fff;
  z-index: 103;
  transition: 0.5s;
}

#moFullMenu.on {
  right: 0;
}

#moFullMenu .wrap {
  position: relative;
  padding-top: 10rem;
}

#moFullMenu .wrap .close-btn {
  position: absolute;
  top: 3.5rem;
  right: 4rem;
  width: 3rem;
  height: 3rem;
}

#moFullMenu .wrap .close-btn img {
  width: 100%;
  height: auto;
}


#moFullMenu .wrap .mo-fm-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4rem;
}

#moFullMenu .wrap .mo-fm-hd .fm-logo a {
  display: block;
}

#moFullMenu .wrap .mo-fm-hd .fm-logo a img {
  width: 22.4rem;
  height: auto;
}

#moFullMenu .wrap .mo-fm-hd .util li {
  padding-left: 1rem;
  margin-left: 0.9rem;
  background-image: url("../images/main/hd_bar.png");
  background-repeat: no-repeat;
  background-position: left center;
}

#moFullMenu .wrap .mo-fm-hd .util li:first-child {
  padding-left: 0;
  margin-left: 0;
  background: none;
}

#moFullMenu .wrap .mo-fm-hd .util {
  display: flex;
}

#moFullMenu .wrap .mo-fm-hd .util li a {
  font-size: 2.2rem;
}

#moFullMenu .wrap .menu-list {
  margin-top: 3.5rem;
  border-top: 1px solid #DEDEDE;
}

#moFullMenu .wrap .menu-list .depth-1 > li {
  border-bottom: 1px solid #DEDEDE;
}

#moFullMenu .wrap .menu-list .depth-1 > li.on {
  background-color: #074196;
}

#moFullMenu .wrap .menu-list .depth-1 > li > h3 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 3rem;
  font-weight: 500;
  padding: 3.2rem 3rem;
}

#moFullMenu .wrap .menu-list .depth-1 > li.on > h3 {
  color: #fff;
}

#moFullMenu .wrap .menu-list .depth-1 > li > h3 img {
  position: absolute;
  top: 4.35rem;
  right: 4rem;
  width: 2.8rem;
  height: 1.6rem;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

#moFullMenu .wrap .menu-list .depth-1 > li > h3 img.on {
  opacity: 0;
  transform: rotate(-180deg);
}

#moFullMenu .wrap .menu-list .depth-1 > li > h3 img.off {
  opacity: 1;
  transform: rotate(0deg);
}

#moFullMenu .wrap .menu-list .depth-1 > li .depth-2 {
  display: none;
  padding: 1rem 0;
  background-color: #F4F5F6;
}

#moFullMenu .wrap .menu-list .depth-1 > li .depth-2 li {
  height: 7rem;
  line-height: 7rem;
}

#moFullMenu .wrap .menu-list .depth-1 > li .depth-2 li a {
  display: block;
  padding-left: 4rem;
  font-size: 2.4rem;
  color: #797979;
}



#main .visual-con .visual {
  position: relative;
}

#main .visual-con .visual ul li {
  width: 100%;
  height: 70rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#main .visual-con .visual ul li.visual-1 {
  background-image: url("../images/main/visual_img1.jpg");
}

#main .visual-con .visual ul li.visual-2 {
  background-image: url("../images/main/visual_img2.jpg");
}

#main .visual-con .visual ul li .area .visual-txt {
  color: #fff;
  font-weight: 300;
  padding-top: 24.9rem;
}

#main .visual-con .visual ul li .area .visual-txt h3 {
  font-size: 5rem;
  line-height: 6.2rem;
  font-weight: 100;
}

#main .visual-con .visual ul li .area .visual-txt h3 strong {
  font-weight: 700;
}

#main .visual-con .visual ul li .area .visual-txt p {
  font-size: 2.6rem;
  padding-top: 2rem;
  font-weight: 100;
}

#main .visual-con .visual .swiper-pagination {
  top: auto;
  bottom: 5rem;
}

#main .visual-con .visual .swiper-pagination .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  margin: 0;
  background: none;
  border: 1px solid #fff;
  box-sizing: border-box;
  border-radius: 0.5rem;
  opacity: 1;
  margin: 0 0.3rem;
}

#main .visual-con .visual .swiper-pagination .swiper-pagination-bullet-active {
  width: 2rem;
  background-color: #fff;
  border: 0;
}

#main .visual-con .visual .swiper-arrow {
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  width: auto;
  height: auto;
  margin-top: 0;
  transform: translateY(-50%);
}

#main .visual-con .visual .swiper-button-prev {
  margin-left: -80.5rem;
}

#main .visual-con .visual .swiper-button-next {
  margin-left: 78.5rem;
}

#main .visual-con .visual .swiper-arrow::after {
  display: none;
}

#main .visual-con .visual .swiper-arrow img {
  width: 2.3rem;
  height: auto;
}

#main .visual-con .visual .swiper-button-prev.swiper-button-disabled,
#main .visual-con .visual .swiper-button-next.swiper-button-disabled {
  opacity: 0.5;
}

#main .link-con {
  margin-top: 11rem;
}

#main .link-con .area .link-box {
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 3rem;
}

#main .link-con .area .link-box ul {
  display: flex;
}

#main .link-con .area .link-box ul li {
  position: relative;
  width: 50%;
  min-height: 17.4rem;
  margin: 4.7rem 0;
  border-left: 1px solid #ddd;
  box-sizing: border-box;
}

#main .link-con .area .link-box ul li.link-box-1 {
  border-left: 0;
}

#main .link-con .area .link-box ul li > * {
  padding-left: 5rem;
}

#main .link-con .area .link-box ul li h4 {
  font-size: 2.8rem;
  font-weight: 700;
}

#main .link-con .area .link-box ul li p {
  font-size: 1.8rem;
  color: #797979;
  padding-top: 1.2rem;
}

#main .link-con .area .link-box ul li a {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  margin-top: 6.4rem;
  transition: margin 0.5s;
}

#main .link-con .area .link-box ul li.link-box-2 a {
  margin-top: 3.1rem;
}

#main .link-con .area .link-box ul li:hover a {
  color: #1C9DE9;
  font-weight: 700;
  margin-top: 5.4rem;
}

#main .link-con .area .link-box ul li.link-box-2:hover a {
  margin-top: 2.1rem;
}

#main .link-con .area .link-box ul li a img {
  width: 1.372rem;
  height: 1.372rem;
  margin-left: 0.85rem;
}

#main .link-con .area .link-box ul li a img.on {
  display: none;
}

#main .link-con .area .link-box ul li:hover a img.off {
  display: none;
}

#main .link-con .area .link-box ul li:hover a img.on {
  display: block;
}

#main .link-con .area .link-box ul li .icon {
  position: absolute;
  top: 50%;
  right: 6rem;
  transform: translateY(-50%);
  padding-left: 0;
}

#main .link-con .area .link-box ul li.link-box-2 .icon {
  right: 5rem;
}

#main .link-con .area .link-box ul li .icon img {
  width: 14rem;
  height: auto;
}

#main .board-con {
  position: relative;
  margin-top: 11rem;
  padding-bottom: 11rem;
  overflow: hidden;
}

#main .board-con .area {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

#main .board-con .area .notice-wrap {
  width: 56.2%;
}

#main .board-con .area .notice-wrap .notice-tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#main .board-con .area .notice-wrap .notice-tit h4 {
  display: flex;
  align-items: center;
  font-size: 3.2rem;
  font-weight: 700;
}

#main .board-con .area .notice-wrap .notice-tit h4 img {
  width: 2.235rem;
  height: 2.952rem;
  margin-right: 0.87rem;
}

#main .board-con .area .notice-wrap .notice-tit .sub-wrap {
  display: flex;
}

#main .board-con .area .notice-wrap .notice-tit .sub-wrap ul {
  display: flex;
  align-items: center;
  gap: 0 3.5rem;
}

#main .board-con .area .notice-wrap .notice-tit .sub-wrap ul li a {
  position: relative;
  font-size: 2rem;
  font-weight: 500;
  color: #bbb;
}

#main .board-con .area .notice-wrap .notice-tit .sub-wrap ul li.on a {
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #1C9DE9;
}

#main .board-con .area .notice-wrap .notice-tit .sub-wrap ul li.on a::before {
  position: absolute;
  top: 50%;
  left: -1.3rem;
  display: block;
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 1rem;
  background-color: #1C9DE9;
  transform: translateY(-50%);
}


#main .board-con .area .notice-wrap .notice-tit .sub-wrap .more-view-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10rem;
  height: 4rem;
  font-size: 1.6rem;
  color: #5B5B5B;
  border: 1px solid #E0E0E0;
  box-sizing: border-box;
  border-radius: 5rem;
  margin-left: 3rem;
  text-align: center;
}

#main .board-con .area .notice-wrap .notice-tit .sub-wrap .more-view-btn img {
  width: 1.1rem;
  height: 1.1rem;
  transition: transform 0.5s ease;
  transform: rotate(0deg);
  margin-left: 0.8rem;
}

#main .board-con .area .notice-wrap .notice-tit .sub-wrap .more-view-btn img[data-state="on"] {
  content: url("../images/main/more_ico_on.png");
}

#main .board-con .area .notice-wrap .notice-tit .sub-wrap .more-view-btn img[data-state="off"] {
  content: url("../images/main/more_ico.png");
}

#main .board-con .area .notice-wrap .notice-tit .sub-wrap .more-view-btn:hover {
  border: 2px solid #5B5B5B;
  font-weight: 700;
}

#main .board-con .area .notice-wrap .notice-tit .sub-wrap .more-view-btn:hover span img {
  transform: rotate(90deg);
}

#main .board-con .area .notice-wrap .notice-tit .sub-wrap .more-view-btn:hover span img.off {
  display: none;
}

#main .board-con .area .notice-wrap .notice-tit .sub-wrap .more-view-btn:hover span img.on {
  display: block;
}

#main .board-con .area .notice-wrap .notice-list {
  border-top: 1px solid #212121;
  margin-top: 3rem;
}

#main .board-con .area .notice-wrap .notice-list ul {
  display: none;
}

#main .board-con .area .notice-wrap .notice-list ul.on {
  display: block;
}

#main .board-con .area .notice-wrap .notice-list ul li {
  border-bottom: 1px solid #E0E0E0;
  box-sizing: border-box;
}

#main .board-con .area .notice-wrap .notice-list ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.3rem 0;
}

#main .board-con .area .notice-wrap .notice-list ul li a h5 {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
}

#main .board-con .area .notice-wrap .notice-list ul li a p {
  font-size: 1.6rem;
  font-weight: 300;
  color: #797979;
}

#main .board-con .area .notice-wrap .notice-list ul li:hover a h5 {
  font-weight: 700;
}

#main .board-con .area .notice-wrap .notice-list ul li:hover a h5::before {
  display: block;
  content: '';
  width: 1.54rem;
  height: 0.98rem;
  background-image: url("../images/main/notice_arrow_on.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-right: 1.4rem;
}

#main .board-con .area .banner-wrap {
  width: 40%;
  border-radius: 2rem;
  overflow: hidden;
  min-height: 40rem
}

#main .board-con .area .banner-wrap .banner {
  position: relative;
  width: 100%;
  height: 100%;
}

#main .board-con .area .banner-wrap .banner .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/main/banner_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: transform 0.5s ease;
  z-index: 0;
}

#main .board-con .area .banner-wrap .banner:hover .bg {
  transform: scale(1.2);
}

#main .board-con .area .banner-wrap .banner .banner-txt {
  display: block;
  width: calc(100% - 4.5rem);
  height: calc(100% - 8.3rem);
  position: relative;
  padding-top: 8.3rem;
  padding-left: 4.5rem;
  z-index: 1;
}

#main .board-con .area .banner-wrap .banner .banner-txt h5 {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 300;
  color: #fff;
  padding: 0.6rem 0.9rem;
  background-color: #2371E3;
  border-radius: 0.5rem;
}

#main .board-con .area .banner-wrap .banner .banner-txt h4 {
  font-size: 3.2rem;
  font-weight: 700;
  color: #fff;
  padding-top: 1rem;
}

#main .board-con .area .banner-wrap .banner .banner-txt p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #fff;
  opacity: 0.8;
  padding-top: 1.4rem;
}

#main .board-con .area .banner-wrap .banner .banner-txt .more-view-btn {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  color: #fff;
  margin-top: 4.3rem;
}

#main .board-con .area .banner-wrap .banner .banner-txt .more-view-btn .arrow {
  width: 1.95rem;
  height: 0.85rem;
  margin-left: 1rem;
  overflow: hidden;
}

#main .board-con .area .banner-wrap .banner .banner-txt .more-view-btn .arrow img {
  width: 100%;
  height: auto;
  margin-left: -0.75rem;
  transition: margin-left 0.5s;
}

#main .board-con .area .banner-wrap .banner .banner-txt:hover .more-view-btn .arrow img {
  margin-left: 0;
}

#main .board-con .deco-bg {
  position: absolute;
  bottom: -1.4rem;
  right: -7rem;
}

#main .board-con .deco-bg img {
  width: 35rem;
  height: auto;
}

#main .partner-con {
  width: 100%;
  background-color: #F4F4F4;
  overflow: hidden;
  padding: 3rem 0;
}

#main .partner-con .area {
  overflow: hidden;
}

#main .partner-con .area .wrap {
  display: flex;
  overflow: hidden;
}

#main .partner-con .area .wrap .rolling-list ul {
  display: flex;
}

#main .partner-con .area .wrap .rolling-list ul li {
  width: 25.6rem;
  margin: 0 0.5rem;
  flex-shrink: 0;
}

#main .partner-con .area .wrap .rolling-list ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

#main .partner-con .area .wrap .rolling-list ul li a img {
  width: 100%;
  height: auto;
}

#main .partner-con .area .wrap .rolling-list.original {
	animation: rollingleft1 66s linear infinite;
}

#main .partner-con .area .wrap .rolling-list.clone {
	animation: rollingleft2 66s linear infinite;
}

@keyframes rollingleft1 {
	0% { transform: translateX(0); }
	50% { transform: translateX(-100%); }
	50.01% { transform: translateX(100%); }
	100% { transform: translateX(0); }
}

@keyframes rollingleft2 {
	0% { transition: translateX(0); }
	100% { transform: translateX(-200%); }
}



.sub-sec {
  position: relative;
  overflow: hidden;
}

.sub-sec .deco-bg {
  position: absolute;
  bottom: -1.4rem;
  right: -7rem;
  z-index: -1;
}

.sub-sec .deco-bg img {
  width: 35rem;
  height: auto;
}



#login {
  padding: 15rem 0;
}

#login .login-con h2 {
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 2.4rem;
  text-align: center;
}

#login .login-con p {
  font-size: 1.8rem;
  color: #5B5B5B;
  line-height: 2.7rem;
  text-align: center;
}

#login .login-con p span {
  color: #1C9DE9;
  font-weight: bold;
}

#login .login-con .login-form-group {
  width: 47.5rem;
  margin: 4rem auto 0;
}

#login .login-con .login-form-group .input-wrap {
  position: relative;
  width: 100%;
  height: 5.5rem;
  border-radius: 0.5rem;
  border: 1px solid #E0E0E0;
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 0.8rem;
}

#login .login-con .login-form-group .input-wrap:first-child {
  margin-top: 0;
}

#login .login-con .login-form-group .input-wrap .icon {
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translateY(-50%);
}

#login .login-con .login-form-group .input-wrap .icon img {
  width: 1.6rem;
  height: auto;
}

#login .login-con .login-form-group .input-wrap input {
  font-family: 'Pretendard', 'NanumBarunGothic', sans-serif;
  width: calc(100% - 5.4rem);
  height: 100%;
  border: 0;
  outline: 0;
  margin-left: 5.4rem;
  font-size: 1.4rem;
  padding-left: 2rem
}

#login .login-con .login-form-group .input-wrap input::placeholder {
  color: #797979;
}

#login .login-con .login-form-group .login-btn {
  width: 100%;
  height: 5.5rem;
  background-color: #074196;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  text-align: center;
  color: #fff;
  margin-top: 1.5rem;
}

#login .login-con .links {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3rem;
}

#login .login-con .links a {
  font-size: 1.6rem;
  padding: 0 1.8rem;
  background-image: url("../images/sub/login_bar_ico.png");
  background-repeat: no-repeat;
  background-position: left center;
}

#login .login-con .links a:first-child {
  background: none;
}



.join-con .area .step-header h2 {
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
}

.join-con .area .step-indicator {
  margin-top: 5.9rem;
}

.join-con .area .step-indicator ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.join-con .area .step-indicator ul li.step {
  color: #797979;
}

.join-con .area .step-indicator ul li.step.active {
  color: #212121;
}

.join-con .area .step-indicator ul li.step p {
  font-size: 1.6rem;
  text-align: center;
}

.join-con .area .step-indicator ul li.step .icon {
  display: block;
  width: 8.6rem;
  height: 8.6rem;
  margin: 2rem auto 0;
}

.join-con .area .step-indicator ul li.step .icon img {
  width: 100%;
  height: auto;
}

.join-con .area .step-indicator ul li.step h3 {
  font-size: 1.8rem;
  text-align: center;
  margin-top: 1rem;
}

.join-con .area .step-indicator ul li.arrow {
  margin: 0 3.2rem;
}

.join-con .area .step-indicator ul li.arrow img {
  width: 0.85rem;
  height: auto;
  margin-top: 0.8rem;
}



.select-box {
	z-index: 10;
	position: relative;
	width: 16rem;
  margin-left: 1.1rem;
}

.select-box .select-txt {
	z-index: 10;
	position: relative;
	padding: 0 2rem;
	width: 100%;
	height: 5rem;
	font-size: 1.6rem;
	line-height: 5rem;
	color: #5B5B5B;
	border: 1px solid #D6D6D6;
  box-sizing: border-box;
	border-radius: 0.5rem;
	background-color: #fff;
	cursor: pointer;
}

.select-box .select-txt::after {
	content: "";
	position: absolute;
	right: 2rem;
	top: 2.1rem;
	width: 1.15rem;
	height: 0.65rem;
	background: url("../images/sub/sub_slt_ico.png") no-repeat center center;
	background-size: 100% auto;
  transition: transform 0.3s;
}

.select-box .select-list {
	display: none;
	z-index: 5;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	border: 1px solid #C0C0C0;
  border-top: 0;
  box-sizing: border-box;
	border-radius: 0 0 0.5rem 0.5rem;
	background-color: #fff;
}

.select-box .select-list li {
  height: 5rem;
  line-height: 5rem;
	font-size: 1.6rem;
	cursor: pointer;
  color: #5B5B5B;
  padding-left: 2rem;
}

.select-box .select-list li:hover {
	background-color: #F5F5F7;
}

.select-box.selected .select-txt {
	color: #212121;
}

.select-box.focus {
	z-index: 100;
}

/* .select-box.focus .select-txt {
	border-bottom: 0 !important;
  border-radius: 0.5rem 0.5rem 0 0 !important;
} */

.select-box.focus .select-txt::after {
	transform: rotate(180deg);
}

.select-box.style2 {
	margin-bottom: 0;
	text-align: left;
}

.select-box.style2 .select-txt {
	padding: 0 10px;
	height: 32px;
	line-height: 30px;
}

.select-box.style2 .select-list li {
	padding: 9px 5px;
}



#joinStep1 {
  padding: 15rem 0;
}

#joinStep1 .terms-checkbox {
	display: flex;
	align-items: center;
}

#joinStep1 .terms-checkbox .chk_box {
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 2.5rem;
	cursor: pointer;
	font-size: 1.6rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#joinStep1 .terms-checkbox .chk_box input[type="checkbox"] {
	display: none;
}

#joinStep1 .terms-checkbox .on {
	width: 1.7rem;
	height: 1.7rem;
	background: #fff;
	border-radius: 0.3rem;
	position: absolute;
	top: 0.1rem;
	left: 0;
	border: 1px solid #E0E0E0;
}

#joinStep1 .terms-checkbox .chk_box input[type="checkbox"]:checked + .on {
	background: #1C9DE9;
	border: 0;
}

#joinStep1 .terms-checkbox .on:after {
	content: "";
	position: absolute;
	display: none;
}

#joinStep1 .terms-checkbox .chk_box input[type="checkbox"]:checked + .on:after {
	display: block;
}

#joinStep1 .terms-checkbox .on:after {
	width: 1rem;
	height: 0.8rem;
	background-image: url("../images/sub/join_chk_ico_on.png");
	background-repeat: no-repeat;
	background-position: center;
  background-size: cover;
	position: absolute;
	left: 0.4rem;
	top: 0.5rem;
}

#joinStep1 .join-con .area .terms-container {
  margin-top: 11rem;
}

#joinStep1 .join-con .area .terms-container .terms-group {
  position: relative;
  border: 1px solid #E0E0E0;
  border-radius: 1rem;
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 4rem;
}

#joinStep1 .join-con .area .terms-container .terms-group:first-child {
  margin-top: 0;
}

#joinStep1 .join-con .area .terms-container .terms-group .terms-group-tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 6.9rem;
  border-bottom: 1px solid #E0E0E0;
}

#joinStep1 .join-con .area .terms-container .terms-group .terms-group-tit h3 {
  font-size: 2.2rem;
  font-weight: 700;
  padding-left: 3rem;
}

#joinStep1 .join-con .area .terms-container .terms-group .terms-group-tit .terms-checkbox {
  margin-right: 3rem;
}

#joinStep1 .join-con .area .terms-container .terms-group .terms-wrap {
  position: relative;
  overflow: hidden;
  padding: 0.1rem 0;
}

#joinStep1 .join-con .area .terms-container .terms-group .terms-wrap .terms-content {
  height: 26rem;
  overflow: auto;
}

#joinStep1 .join-con .area .terms-container .terms-group-3 .terms-wrap .terms-content {
  height: auto;
  overflow: visible;
}

#joinStep1 .join-con .area .terms-container .terms-group .terms-wrap .terms-content::-webkit-scrollbar {
  width: 1.5rem;
}

#joinStep1 .join-con .area .terms-container .terms-group .terms-wrap .terms-content::-webkit-scrollbar-track {
  background: #F7F7F7;
}

#joinStep1 .join-con .area .terms-container .terms-group .terms-wrap .terms-content::-webkit-scrollbar-thumb {
  background: #797979;
}

#joinStep1 .join-con .area .terms-container .terms-group .terms-wrap .terms-content .inner {
  padding: 3rem 4rem;
}

#joinStep1 .join-con .area .terms-container .terms-group .terms-wrap .terms-content .inner p {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #797979;
}

#joinStep1 .join-con .area .terms-container .terms-group .terms-wrap .under-mask {
  position: absolute;
  top: -0.1rem;
  left: 0;
  width: calc(100% - 1.5rem);
  height: 2rem;
  background-color: #fff;
  z-index: 10;
}

#joinStep1 .join-con .area .terms-container .terms-group .terms-wrap .under-mask-btm {
  top: auto;
  bottom: -0.1rem;
}

#joinStep1 .join-con .area .terms-container .all-agree {
  display: flex;
  align-items: center;
  width: 100%;
  height: 8rem;
  background-color: #F9F9F9;
  border-radius: 1rem;
  margin-top: 5rem;
}

#joinStep1 .join-con .area .terms-container .all-agree .terms-checkbox {
  margin-left: 3rem;
}

#joinStep1 .join-con .area .terms-container .submit-btn {
  display: block;
  width: 12rem;
  height: 5.5rem;
  background-color: #074196;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  margin: 7rem auto 0;
}



#joinStep2 {
  padding: 15rem 0;
}

#joinStep2 .join-con .area .info {
  width: 100%;
  padding: 4.7rem 0;
  background-color: #F9F9F9;
  border-radius: 1rem;
  margin-top: 11rem;
}

#joinStep2 .join-con .area .info p {
  font-size: 1.8rem;
  line-height: 2.7rem;
  text-align: center;
}

#joinStep2 .join-con .area .info p strong {
  color: #1C9DE9;
  font-weight: 700;
}

#joinStep2 .join-con .area .auth-group {
  display: flex;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 3rem;
  padding: 7.5rem 0;
  margin-top: 3rem;
  justify-content: center;
}

#joinStep2 .join-con .area .auth-group > div {
  width: 100%;
}

#joinStep2 .join-con .area .auth-group .ipin-auth {
  border-left: 1px solid #ddd;
  box-sizing: border-box;
}

#joinStep2 .join-con .area .auth-group > div .btnBlock {
  display: block;
  width: 100%;
}

#joinStep2 .join-con .area .auth-group > div .btnBlock h3 {
  font-size: 2.6rem;
  font-weight: 700;
  text-align: center;
}

#joinStep2 .join-con .area .auth-group > div .btnBlock .auth-ico {
  position: relative;
  width: 17rem;
  height: 17rem;
  background-color: #F9F9F9;
  border-radius: 8.5rem;
  margin: 2rem auto 2.8rem;
}

#joinStep2 .join-con .area .auth-group > div .btnBlock .auth-ico img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  transition: opacity 0.5s;
}

#joinStep2 .join-con .area .auth-group > div .btnBlock .auth-ico img.on {
  opacity: 0;
}

#joinStep2 .join-con .area .auth-group .phone-auth .btnBlock .auth-ico img {
  width: 7.2rem;
  transform: translate(-40%,-50%);
}

#joinStep2 .join-con .area .auth-group .ipin-auth .btnBlock .auth-ico img {
  width: 9.15rem;
  transform: translate(-45%,-45%);
}

#joinStep2 .join-con .area .auth-group > div .btnBlock .auth-ico:hover img.off {
  opacity: 0;
}

#joinStep2 .join-con .area .auth-group > div .btnBlock .auth-ico:hover img.on {
  opacity: 1;
}

#joinStep2 .join-con .area .auth-group > div .btnBlock p {
  font-size: 1.6rem;
  line-height: 2.5rem;
  text-align: center;
}

#joinStep2 .join-con .area .btn-group {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 7rem;
}

#joinStep2 .join-con .area .btn-group button {
  width: 12rem;
  height: 5.5rem;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  box-sizing: border-box;
}

#joinStep2 .join-con .area .btn-group button.back-btn {
  border: 1px solid #E0E0E0;
}

#joinStep2 .join-con .area .btn-group button.submit-btn {
  background-color: #074196;
  color: #fff;
}

#joinStep2 .join-con .area .btn-group div {
  width: 12rem;
  height: 5.5rem;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  box-sizing: border-box;
  display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

#joinStep2 .join-con .area .btn-group div.back-btn {
  border: 1px solid #E0E0E0;
}

#joinStep2 .join-con .area .btn-group div.submit-btn {
  background-color: #074196;
  color: #fff;
}



#joinStep3 {
  padding: 15rem 0;
}

#joinStep3 .join-con .area .form-group {
  margin-top: 11rem;
}

#joinStep3 .join-con .area .form-group > div {
  border-top: 1px solid #797979;
  border-bottom: 1px solid #797979;
}

#joinStep3 .join-con .area .form-group .form-wrap-2 {
  margin-top: 4rem;
}

#joinStep3 .join-con .area .form-group > div .depth-1 > li {
  display: flex;
  height: 9rem;
  border-top: 1px solid #E0E0E0;
}

#joinStep3 .join-con .area .form-group > div .depth-1 > li:first-child {
  border-top: 0;
}

#joinStep3 .join-con .area .form-group > div .depth-1 > li label {
  font-size: 1.8rem;
  width: 20rem;
  height: 100%;
  line-height: 9rem;
  background-color: #F9F9F9;
  padding-left: 4rem;
}

#joinStep3 .join-con .area .form-group > div .depth-1 > li label span {
  font-size: 1.8rem;
  color: #F20C0C;
}


#joinStep3 .join-con .area .form-group > div .depth-1 > li .form-row {
  display: flex;
  align-items: center;
  width: calc(100% - 20rem);
  padding-left: 2rem;
}

#joinStep3 .join-con .area .form-group > div .depth-1 > li .form-row input {
  font-family: 'Pretendard', 'NanumBarunGothic', sans-serif;
  width: 50.6rem;
  height: 5rem;
  background-color: #F7F7F7;
  border: 1px solid #E0E0E0;
  border-radius: 0.5rem;
  padding-left: 2rem;
  font-size: 1.6rem
}

#joinStep3 .join-con .area .form-group > div .depth-1 > li.li-id .form-row .dup-btn {
  width: 12rem;
  height: 5rem;
  border: 1px solid #D6D6D6;
  box-sizing: border-box;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  color: #5B5B5B;
  margin-left: 1rem;
}

#joinStep3 .join-con .area .form-group > div .depth-1 > li.li-contact .form-row input,
#joinStep3 .join-con .area .form-group > div .depth-1 > li.li-email .form-row input {
  /* width: 14.2rem; */
}

#joinStep3 .join-con .area .form-group > div .depth-1 > li.li-contact .form-row span,
#joinStep3 .join-con .area .form-group > div .depth-1 > li.li-email .form-row span {
  font-size: 1.6rem;
  color: #212121;
}

#joinStep3 .join-con .area .form-group > div .depth-1 > li.li-contact .form-row span {
  margin: 0 0.56rem;
}

#joinStep3 .join-con .area .form-group > div .depth-1 > li.li-email .form-row span {
  margin: 0 0.7rem;
}

#joinStep3 .join-con .area .form-group > div .depth-1 > li.li-busi-cert .filebox .upload-name {
  font-family: 'Pretendard', 'NanumBarunGothic', sans-serif;
}

#joinStep3 .join-con .area .form-group > div .depth-1 > li.li-busi-cert .filebox label {
  width: 12rem;
  height: 5rem;
  line-height: 5rem;
  border: 1px solid #D6D6D6;
  border-radius: 0.5rem;
  box-sizing: border-box;
  font-size: 1.6rem;
  color: #5B5B5B;
  margin-left: 1rem;
  padding-left: 0;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
}

#joinStep3 .join-con .area .form-group > div .depth-1 > li.li-busi-cert .filebox input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

#joinStep3 .join-con .area .btn-group {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 7rem;
}

#joinStep3 .join-con .area .btn-group button {
  width: 12rem;
  height: 5.5rem;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  box-sizing: border-box;
}

#joinStep3 .join-con .area .btn-group a {
  width: 12rem;
  height: 5.5rem;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

#joinStep3 .join-con .area .btn-group button.back-btn {
  border: 1px solid #E0E0E0;
}

#joinStep3 .join-con .area .btn-group a.back-btn {
  border: 1px solid #E0E0E0;
}

#joinStep3 .join-con .area .btn-group button.submit-btn {
  background-color: #074196;
  color: #fff;
}

#mypage {
  padding: 15rem 0;
}

#mypage .title {
    font-size: 4rem;
    font-weight: bold;
    margin-bottom: 10rem;
    text-align: center;
}

#mypage .join-con .area .form-group {
  margin-top: 11rem;
}

#mypage .join-con .area .form-group > div {
  border-top: 1px solid #797979;
  border-bottom: 1px solid #797979;
}

#mypage .join-con .area .form-group .form-notice {
    font-size: 1.6rem;
    font-weight: bold;
    color: #F20C0C;
    border: 0;
    margin: 4rem 0 1.5rem;
}

#mypage .join-con .area .form-group .form-wrap-2 {

}

#mypage .join-con .area .form-group > div .depth-1 > li {
  display: flex;
  height: 9rem;
  border-top: 1px solid #E0E0E0;
}

#mypage .join-con .area .form-group > div .depth-1 > li:first-child {
  border-top: 0;
}

#mypage .join-con .area .form-group > div .depth-1 > li label {
  font-size: 1.8rem;
  width: 20rem;
  height: 100%;
  line-height: 9rem;
  background-color: #F9F9F9;
  padding-left: 4rem;
}

#mypage .join-con .area .form-group > div .depth-1 > li label span {
  font-size: 1.8rem;
  color: #F20C0C;
}


#mypage .join-con .area .form-group > div .depth-1 > li .form-row {
  display: flex;
  align-items: center;
  width: calc(100% - 20rem);
  padding-left: 2rem;
}

#mypage .join-con .area .form-group > div .depth-1 > li .form-row input {
  font-family: 'Pretendard', 'NanumBarunGothic', sans-serif;
  width: 50.6rem;
  height: 5rem;
  /* background-color: #F7F7F7; */
  border: 1px solid #E0E0E0;
  border-radius: 0.5rem;
  padding-left: 2rem;
  font-size: 1.6rem
}

#mypage .join-con .area .form-group > div .depth-1 > li.li-id .form-row .dup-btn {
  width: 12rem;
  height: 5rem;
  border: 1px solid #D6D6D6;
  box-sizing: border-box;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  color: #5B5B5B;
  margin-left: 1rem;
}

#mypage .join-con .area .form-group > div .depth-1 > li.li-contact .form-row input,
#mypage .join-con .area .form-group > div .depth-1 > li.li-email .form-row input {
  /* width: 14.2rem; */
}

#mypage .join-con .area .form-group > div .depth-1 > li.li-contact .form-row span,
#mypage .join-con .area .form-group > div .depth-1 > li.li-email .form-row span {
  font-size: 1.6rem;
  color: #212121;
}

#mypage .join-con .area .form-group > div .depth-1 > li.li-contact .form-row span {
  margin: 0 0.56rem;
}

#mypage .join-con .area .form-group > div .depth-1 > li.li-email .form-row span {
  margin: 0 0.7rem;
}

#mypage .join-con .area .form-group > div .depth-1 > li.li-busi-cert .filebox .upload-name {
  font-family: 'Pretendard', 'NanumBarunGothic', sans-serif;
}

#mypage .join-con .area .form-group > div .depth-1 > li.li-busi-cert .filebox label {
  width: 12rem;
  height: 5rem;
  line-height: 5rem;
  border: 1px solid #D6D6D6;
  border-radius: 0.5rem;
  box-sizing: border-box;
  font-size: 1.6rem;
  color: #5B5B5B;
  margin-left: 1rem;
  padding-left: 0;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
}

#mypage .join-con .area .form-group > div .depth-1 > li.li-busi-cert .filebox input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

#mypage .join-con .area .btn-group {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 7rem;
  position: relative;
}

#mypage .join-con .area .btn-group button {
  width: 12rem;
  height: 5.5rem;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  box-sizing: border-box;
}

#mypage .join-con .area .btn-group a {
  width: 12rem;
  height: 5.5rem;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

#mypage .join-con .area .btn-group button.back-btn {
  border: 1px solid #E0E0E0;
}

#mypage .join-con .area .btn-group a.back-btn {
  border: 1px solid #E0E0E0;
}

#mypage .join-con .area .btn-group button.submit-btn {
  background-color: #074196;
  color: #fff;
}

#mypage .join-con .area .btn-group a.secessionBtn {
    border: 1px solid #E0E0E0;
    height: 4rem;
    width: 11rem;
    font-size: 1.4rem;
    position: absolute;
    right: 0;
}

#findId {
  padding: 16rem 0;
}

#findId .find-con h2 {
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 2.4rem;
  text-align: center;
}

#findId .find-con .find-form-group {
  width: 47.5rem;
  margin: 4.9rem auto 0;
}

#findId .find-con .find-form-group .input-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 5.5rem;
  overflow: hidden;
  margin-top: 0.8rem;
}

#findId .find-con .find-form-group .input-wrap:first-child {
  margin-top: 0;
}

#findId .find-con .find-form-group .input-wrap h3 {
  font-size: 1.8rem;
}

#findId .find-con .find-form-group .input-wrap input {
  font-family: 'Pretendard', 'NanumBarunGothic', sans-serif;
  width: 37.5rem;
  padding-left: 2rem;
  height: 100%;
  border: 0;
  outline: 0;
  font-size: 1.4rem;
  border-radius: 0.5rem;
  border: 1px solid #E0E0E0;
  box-sizing: border-box;
}

#findId .find-con .find-form-group .input-wrap input::placeholder {
  color: #797979;
}

#findId .find-con .find-form-group .find-btn {
  width: 100%;
  height: 5.5rem;
  background-color: #074196;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  text-align: center;
  color: #fff;
  margin-top: 1.5rem;
}

#findId .find-con .links {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3rem;
}

#findId .find-con .links a {
  font-size: 1.6rem;
  padding: 0 1.8rem;
  background-image: url("../images/sub/login_bar_ico.png");
  background-repeat: no-repeat;
  background-position: left center;
}

#findId .find-con .links a:first-child {
  background: none;
}



#findPw {
  padding: 15rem 0;
}

#findPw .find-con h2 {
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 2.4rem;
  text-align: center;
}

#findPw .find-con .find-form-group {
  width: 47.5rem;
  margin: 4.9rem auto 0;
}

#findPw .find-con .find-form-group .input-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 5.5rem;
  overflow: hidden;
  margin-top: 0.8rem;
}

#findPw .find-con .find-form-group .input-wrap:first-child {
  margin-top: 0;
}

#findPw .find-con .find-form-group .input-wrap h3 {
  font-size: 1.8rem;
}

#findPw .find-con .find-form-group .input-wrap input {
  font-family: 'Pretendard', 'NanumBarunGothic', sans-serif;
  width: 37.5rem;
  height: 100%;
  border: 0;
  outline: 0;
  font-size: 1.4rem;
  border-radius: 0.5rem;
  border: 1px solid #E0E0E0;
  box-sizing: border-box;
  padding-left: 2rem
}

#findPw .find-con .find-form-group .input-wrap input::placeholder {
  color: #797979;
}

#findPw .find-con .find-form-group .find-btn {
  width: 100%;
  height: 5.5rem;
  background-color: #074196;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  text-align: center;
  color: #fff;
  margin-top: 1.5rem;
}

#findPw .find-con .links {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3rem;
}

#findPw .find-con .links a {
  font-size: 1.6rem;
  padding: 0 1.8rem;
  background-image: url("../images/sub/login_bar_ico.png");
  background-repeat: no-repeat;
  background-position: left center;
}

#findPw .find-con .links a:first-child {
  background: none;
}



.sub-sec .sub-con .sub-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 35rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.sub-sec-1 .sub-con .sub-visual {
  background-image: url("../images/sub/sub_visual.jpg");
}

.sub-sec-2 .sub-con .sub-visual {
  background-image: url("../images/sub/sub_sec_2_visual.jpg");
}

.sub-sec-3 .sub-con .sub-visual {
  background-image: url("../images/sub/sub_sec_3_visual.jpg");
}

.sub-sec .sub-con .sub-visual h2 {
  font-size: 4.2rem;
  font-weight: 700;
  color: #fff;
}

.sub-sec .sub-con .sub-group {
  padding: 10rem 0 15rem;
}

.sub-sec .sub-con .sub-group .area {
  display: flex;
  justify-content: space-between;
}

.sub-sec .sub-con .sub-group .area .side-menu-wrap {
  width: 27rem;
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
}

.sub-sec .sub-con .sub-group .area .side-menu-wrap {
  height: 37rem;
}

.sub-sec-2 .sub-con .sub-group .area .side-menu-wrap {
  height: 30.5rem;
}

.sub-sec-3 .sub-con .sub-group .area .side-menu-wrap {
  height: 30.5rem;
}

.sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-tit {
  width: 100%;
  height: 15rem;
  background-color: #074196;
  background-image: url("../images/sub/side_menu_tit_bg.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
}

.sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-tit h3 {
  font-size: 2.2rem;
  font-weight: 700;
  color: #fff;
  padding-top: 9.9rem;
  padding-left: 3rem;
}

.sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-tit h3 .mo {
  display: none;
}

.sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-tit .mo-arrow {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-tit .mo-arrow img {
  width: 2.1rem;
  height: 1.2rem;
  transition: 0.5s;
}

.sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-tit.active .mo-arrow img {
  transform: rotate(180deg);
}

.sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list {
  background-color: #F7F7F7;
}

.sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list ul {
  padding: 1.5rem;
}

.sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list ul li {
  margin-top: 0.5rem;
}

.sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list ul li:first-child {
  margin-top: 0;
}

.sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list ul li a {
  position: relative;
  display: block;
  height: 6rem;
  line-height: 6rem;
  font-size: 1.8rem;
  color: #5B5B5B;
  padding-left: 2rem;
}

.sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list ul li a img {
  display: none;
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 1.45rem;
  height: auto;
  transform: translateY(-50%);
}

.sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list ul li:hover,
.sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list ul li.on {
  background-image: url("../images/sub/side_menu_list_on.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list ul li:hover a,
.sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list ul li.on a {
  font-weight: 700;
  color: #074196;
}

.sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list ul li:hover a img,
.sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list ul li.on a img {
  display: block;
}

.sub-sec .sub-con .sub-group .area .right-cont-wrap {
  width: 99rem;
}

.sub-sec .sub-con .sub-group .area .right-cont-wrap .right-cont-tit {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-bottom: 1.41rem;
  border-bottom: 1px solid #E0E0E0;
}

.sub-sec .sub-con .sub-group .area .right-cont-wrap .right-cont-tit h4 {
  position: relative;
  font-size: 3.2rem;
  font-weight: 700;
}

.sub-sec .sub-con .sub-group .area .right-cont-wrap .right-cont-tit .deco {
  position: absolute;
  bottom: -1.65rem;
  left: 0;
  display: flex;
  width: 100%;
  height: 0.4rem;
}

.sub-sec .sub-con .sub-group .area .right-cont-wrap .right-cont-tit .deco span {
  width: 50%;
  height: 100%;
}

.sub-sec .sub-con .sub-group .area .right-cont-wrap .right-cont-tit .deco span.deco-1 {
  background-color: #074196;
}

.sub-sec .sub-con .sub-group .area .right-cont-wrap .right-cont-tit .deco span.deco-2 {
  background-color: #1C9DE9;
}

.sub-sec .sub-con .sub-group .area .right-cont-wrap .right-cont-tit .loc-wrap ul {
  display: flex;
  align-items: center;
}

.sub-sec .sub-con .sub-group .area .right-cont-wrap .right-cont-tit .loc-wrap ul li a img {
  width: 1.4rem;
  height: auto;
}

.sub-sec .sub-con .sub-group .area .right-cont-wrap .right-cont-tit .loc-wrap ul li p {
  font-size: 1.4rem;
  color: #5B5B5B;
  margin-left: 0.76rem;
}



.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-header {
  display: flex;
  justify-content: center;
  gap: 0.8rem;
  background-color: #F9F9F9;
  padding: 1.5rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-header .select-box {
  width: 10.6rem;
  margin-left: 0;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-header .select-box .select-txt {
	height: 4rem;
  line-height: 4rem;
	font-size: 1.4rem;
  padding: 0 1.7rem;
  border: 1px solid #C0C0C0;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-header .select-box .select-txt::after {
	right: 1.7rem;
	top: 1.7rem;
	width: 1rem;
	height: 0.5rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-header .select-box .select-list li {
  height: 4rem;
  line-height: 4rem;
	font-size: 1.4rem;
  padding-left: 1.7rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-header .ip-box {
  width: 58.7rem;
  height: 4rem;
  border: 1px solid #C0C0C0;
  background-color: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
  box-sizing: border-box;
  font-size: 1.4rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-header .ip-box input {
  font-family: 'Pretendard', 'NanumBarunGothic', sans-serif;
  width: calc(100% - 2rem);
  height: 100%;
  border: 0;
  outline: none;
  padding-left: 2rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-header .sch-btn {
  width: 8rem;
  height: 4rem;
  background-color: #074196;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  color: #fff;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap {
  position: relative;
  margin-top: 3rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .total-num {
  font-size: 1.6rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .total-num strong {
  font-weight: 700;
  color: #1C9DE9;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list {
  width: 100%;
  border-top: 1px solid #000;
  margin-top: 1.5rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-th {
  display: flex;
  align-items: center;
  background-color: #F9F9F9;
  height: 5rem;
  border-bottom: 1px solid #aaa;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-th h5 {
  font-size: 1.6rem;
  text-align: center;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  height: 5rem;
  border-bottom: 1px solid #E0E0E0;
  box-sizing: border-box;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p {
  font-size: 1.6rem;
  text-align: center;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p .notice {
    font-weight: bold;
    color: #2371E3
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p.title a {
  display: flex;
  align-items: center;
  text-align: left;
  padding-left: 2rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p.title span {
  text-align: left;
  padding-left: 2rem;
  cursor: pointer;
  width: 100%;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .paging  {
  margin-top: 5rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .paging ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .paging ul li {
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .paging ul li.num {
  font-size: 1.6rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .paging ul li.num.on {
  background-color: #074196;
  border-radius: 2.5rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .paging ul li.num.on button {
  color: #fff;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .paging ul li button img {
  width: 0.7rem;
  height: 1.15rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt {
  margin-top: 7rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .view-title-wrap {
  background-color: #F9F9F9;
  padding: 2.3rem 3rem;
  border-top: 1px solid #212121;
  box-sizing: border-box;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .view-title-wrap h5 {
  font-size: 2.4rem;
  font-weight: 700;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .view-title-wrap .view-info p {
  font-size: 1.4rem;
  color: #5B5B5B;
  padding-top: 1rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .view-cont {
  padding: 4rem 3rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .view-cont p {
  font-size: 1.8rem;
  line-height: 2.8rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .view-cont p a {
    text-decoration: underline;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .view-cont img {
  width: 100%;
  height: auto;
  margin-top: 2.2rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .file-attach {
  width: 100%;
  background-color: #F9F9F9;
  padding: 2.2rem 0 2.2rem 3rem;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  box-sizing: border-box;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .file-attach button {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  color: #5B5B5B;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .file-attach button img {
  width: 1.8rem;
  height: auto;
  margin-right: 1rem;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .file-attach button span {
  text-decoration: underline;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .list-view-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 5.5rem;
  background-color: #074196;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  color: #fff;
  margin: 7rem auto 0;
}

.sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .list-view-btn img {
  width: 1.45rem;
  height: auto;
  margin-right: 0.8rem;
}



#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt {
  margin-top: 5rem;
}

#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .txt-sub-tit h5 {
  display: flex;
  align-items: center;
  font-size: 2.2rem;
  font-weight: 700;
}

#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .txt-sub-tit h5 img {
  width: 2.2rem;
  height: auto;
  margin-right: 0.63rem;
}

#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .txt-sub-tit p {
  font-size: 1.8rem;
  line-height: 2.8rem;
  padding-top: 2rem;
  word-break: keep-all;
}

#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .txt-sub-tit p strong {
  font-weight: 700;
  color: #1C9DE9;
}

#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .img {
  margin-top: 3rem;
}

#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .img img {
  width: 100%;
  height: auto;
}

#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .img img.mo {
  display: none;
}

#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-0 {cursor: pointer;}
#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-0 .content {border: 1px solid #E0E0E0; border-radius: 2rem; padding: 4.2rem 5rem; display: flex; align-items: center; margin-top: 2rem;}
#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-0 .content img {width: 14.3rem; margin-right: 6.6rem;}
#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-0 .content .text {padding-left: 4.8rem; position: relative;}
#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-0 .content .text::before {content: ''; display: block; position: absolute; width: 1px; height: 5rem; background: #ccc; left: 0; top: 50%; transform: translateY(-50%);}
#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-0 .content .text .tit {font-size: 2.2rem; font-weight: bold; padding-bottom: 1.4rem;}
#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-0 .content .text p {font-size: 1.8rem; line-height: 2.8rem;}
#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-0 .content .text p b {color: #1C9DE9}
#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-1 {margin-top: 7rem;}

#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-2 {
  margin-top: 7rem;
}

#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-2 .img {
  margin-top: 4rem;
}

#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-2 .box {
  width: 100%;
  border: 1px solid #074196;
  border-radius: 2rem;
  box-sizing: border-box;
  padding: 4rem 0;
  margin-top: 4rem;
}

#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-2 .box ul {
  padding: 0 4rem;
}

#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-2 .box ul li {
  display: flex;
  align-items: center;
  margin-top: 1.7rem;
}

#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-2 .box ul li:first-child {
  margin-top: 0;
}

#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-2 .box ul li .dot {
  width: 1.1rem;
  height: 1.1rem;
  border: 3px solid #1C9DE9;
  box-sizing: border-box;
  border-radius: 1rem;
}

#sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-2 .box ul li p {
  width: calc(100% - 2.1rem);
  font-size: 1.8rem;
  padding-left: 1rem;
}



#sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt {
  margin-top: 5rem;
}

#sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-2 {
  margin-top: 7rem;
}

#sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .txt-sub-tit h5 {
  display: flex;
  align-items: center;
  font-size: 2.2rem;
  font-weight: 700;
}

#sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .txt-sub-tit h5 img {
  width: 2.2rem;
  height: auto;
  margin-right: 0.63rem;
}

#sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .txt-sub-tit p {
  font-size: 1.8rem;
  line-height: 2.8rem;
  padding-top: 2rem;
}

#sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .txt-sub-tit p strong {
  font-weight: 700;
  color: #1C9DE9;
}

#sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .img {
  margin-top: 3rem;
}

#sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .img img {
  width: 100%;
  height: auto;
}

#sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .terms-wrap {
  position: relative;
  overflow: hidden;
  padding: 0.1rem 0;
  border: 1px solid #E0E0E0;
  border-top: 3px solid #074196;
  box-sizing: border-box;
  margin-top: 2rem;
}

#sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .terms-wrap .terms-content {
  height: 36rem;
  overflow: auto;
}

#sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .terms-wrap .terms-content::-webkit-scrollbar {
  width: 1.5rem;
}

#sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .terms-wrap .terms-content::-webkit-scrollbar-track {
  background: #F7F7F7;
}

#sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .terms-wrap .terms-content::-webkit-scrollbar-thumb {
  background: #797979;
}

#sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .terms-wrap .terms-content .inner {
  padding: 2.8rem 3rem;
}

#sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .terms-wrap .terms-content .inner p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #797979;
}

#sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .terms-wrap .under-mask {
  position: absolute;
  top: -0.1rem;
  left: 0;
  width: calc(100% - 1.5rem);
  height: 2rem;
  background-color: #fff;
  z-index: 10;
}

#sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .terms-wrap .under-mask-btm {
  top: auto;
  bottom: -0.1rem;
}



#sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt {
  margin-top: 5rem;
}

#sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li {
  margin-top: 7rem;
}

#sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li:first-child {
  margin-top: 0;
}

#sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li h5 {
  display: flex;
  align-items: center;
  font-size: 2.2rem;
  font-weight: 700;
}

#sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li h5 .dot {
  width: 1.1rem;
  height: 1.1rem;
  border: 3px solid #1C9DE9;
  box-sizing: border-box;
  border-radius: 1rem;
  margin-right: 1rem;
}

#sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li .agency-box a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 18.98rem;
  border: 1px solid #E0E0E0;
  border-radius: 2rem;
  box-sizing: border-box;
  margin-top: 2rem;
}

#sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li .agency-box a .agency-logo {
  width: 26rem;
}

#sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li .agency-box a .agency-logo img {
  height: auto;
  margin-left: 5rem;
}

#sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li .agency-box a p {
  width: calc(100% - 35.85rem);
  font-size: 1.8rem;
  line-height: 2.8rem;
  padding-left: 4.85rem;
  background-image: url("../images/sub/sub1_3_bar.png");
  background-repeat: no-repeat;
  background-position: left center;
  word-break: keep-all;
}

#sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li .agency-box a p strong {
  font-weight: 700;
  color: #1C9DE9;
}

#sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li.agency-1 .agency-box a .agency-logo img {
  width: 14.35rem;
}

#sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li.agency-2 .agency-box a .agency-logo img {
  width: 15.9rem;
}

#sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li.agency-3 .agency-box a .agency-logo img {
  width: 17rem;
}

#sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li.agency-4 .agency-box a .agency-logo img {
  width: 15.9rem;
}

#sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li.agency-5 .agency-box a .agency-logo img {
  width: 18.1rem;
}



#sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt {
  margin-top: 7rem;
}

#sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-th h5,
#sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p {
  width: 10.1%;
}

#sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-th h5.type,
#sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p.type {
  width: 15.1%;
}

#sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-th h5.title {
  width: 59.6%;
}

#sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p.title {
  width: 59.6%;
}

#sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p.title.reply {
  font-weight: 700;
  color: #1C9DE9;
}

#sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p.title img {
  width: 0.95rem;
  height: auto;
  margin-right: 0.57rem;
}

#sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .locked-box {
  background-color: #F3F3F3;
  padding: 2.5rem 0 2.5rem 4.3rem;
  display: none
}

#sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .locked-box p {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #5B5B5B;
}

#sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .locked-box p strong {
  color: #212121;
  font-weight: 700;
}

#sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .locked-box .input-group {
  display: flex;
  margin-top: 1.5rem;
}

#sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .locked-box .input-group input {
  font-family: 'Pretendard', 'NanumBarunGothic', sans-serif;
  width: 31.4rem;
  height: 3.5rem;
  border: 1px solid #C0C0C0;
  box-sizing: border-box;
  border-radius: 0.5rem;
  padding-left: 1rem;
}

#sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .locked-box .input-group .submit-btn {
  width: 6rem;
  height: 3.5rem;
  line-height: 3.5rem;
  background-color: #282F39;
  border-radius: 0.5rem;
  color: #fff;
  font-size: 1.3rem;
  text-align: center;
  margin-left: 0.7rem;
  cursor: pointer
}

#sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .inquiry-btn-wrap {
    display: flex;
    justify-content: end;
    padding-top: 1.6rem;
}

#sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .inquiry-btn {
  display: inline-block;
  width: 11rem;
  height: 4.5rem;
  line-height: 4.5rem;
  background-color: #FAFAFA;
  border: 1px solid #aaa;
  border-radius: 3rem;
  font-size: 1.6rem;
  text-align: center;
}



#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt {
  margin-top: 7rem;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header {
  width: 100%;
  border: 1px solid #E0E0E0;
  border-radius: 1rem;
  box-sizing: border-box;
  padding: 2rem 0;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul {
  padding-left: 3rem;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul li {
  display: flex;
  align-items: center;
  height: 4rem;
  margin-top: 1.5rem;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul li:first-child {
  margin-top: 0;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul li h5 {
  font-size: 1.6rem;
  width: 9rem;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul li .ip-box {
  width: 52.6rem;
  height: 100%;
  background-color: #F7F7F7;
  border-radius: 0.5rem;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul li .ip-box input {
  width: 100%;
  height: 100%;
  border: 0;
  outline: none;
  background: none;
  padding-left: 2rem;
  font-size: 1.4rem;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul li .filebox {
  display: flex;
  align-items: center;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul li .filebox input {
  font-family: 'Pretendard', 'NanumBarunGothic', sans-serif;
  width: 50.6rem;
  height: 4rem;
  background-color: #F7F7F7;
  border: 0;
  border-radius: 0.5rem;
  padding-left: 2rem;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul li .filebox input::placeholder {
    font-size: 1.4rem;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul li .filebox label {
  width: 9rem;
  height: 4rem;
  line-height: 4rem;
  border: 1px solid #D6D6D6;
  border-radius: 0.5rem;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: #5B5B5B;
  margin-left: 1rem;
  padding-left: 0;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul li .filebox input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-box {
  margin-top: 2rem;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-box img {
  width: 100%;
  height: auto;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-lock-box {
  background-color: #F7F7F7;
  border-radius: 1rem;
  padding: 2.5rem 0 2.5rem 4.3rem;
  margin-top: 2rem;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-lock-box p {
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #5B5B5B;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-lock-box p strong {
  display: flex;
  align-items: center;
  color: #212121;
  font-weight: 700;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-lock-box p strong img {
  width: 0.95rem;
  height: auto;
  margin-right: 0.47rem;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-lock-box .input-group {
  display: flex;
  margin-top: 1rem;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-lock-box .input-group input {
  font-family: 'Pretendard', 'NanumBarunGothic', sans-serif;
  width: 52.6rem;
  height: 4rem;
  border: 1px solid #E0E0E0;
  box-sizing: border-box;
  border-radius: 0.5rem;
  padding-left: 2rem;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .btn-wrap {
  display: flex;
  gap: 0.8rem;
  justify-content: right;
  margin-top: 4rem;
}


#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .btn-wrap button {
  width: 11rem;
  height: 4.5rem;
  border-radius: 3rem;
  font-size: 1.6rem;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .btn-wrap a {
  width: 11rem;
  height: 4.5rem;
  border-radius: 3rem;
  font-size: 1.6rem;
  text-align: center;
  line-height: 4.5rem;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .btn-wrap button.cancel-btn {
  background-color: #FAFAFA;
  border: 1px solid #aaa;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .btn-wrap a.cancel-btn {
  background-color: #FAFAFA;
  border: 1px solid #aaa;
}

#sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .btn-wrap button.submit-btn {
  background-color: #074196;
  color: #fff;
}



#sub2-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt {
  margin-top: 7rem;
}

#sub2-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-th h5,
#sub2-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p {
  width: 10.1%;
}

#sub2-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-th h5.title,
#sub2-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p.title {
  width: 59.6%;
}

#sub2-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p.title a {
  display: block;
  width: 100%;
  padding-left: 0;
}



.sub-sec-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt {
  margin-top: 7rem;
}

.sub-sec-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-th h5,
.sub-sec-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p {
  width: 10.1%;
}

sub-sec-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p span {
    font-weight: bold;
    color: #2371E3
}

.sub-sec-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-th h5.title,
.sub-sec-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p.title {
  width: 59.6%;
}

.sub-sec-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p.title a {
  display: block;
  width: 100%;
  padding-left: 0;
}



.ft-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 103;
  background-color: #fff;
  width: 74rem;
  height: 62.1rem;
  border-radius: 1rem;
  padding: 3rem;
}

.ft-popup h3 {
  font-size: 2.4rem;
  font-weight: 700;
}

.ft-popup .close-btn {
  position: absolute;
  top: 3rem;
  right: 3rem;
  width: 1.6rem;
  height: 1.6rem;
}

.ft-popup .close-btn img {
  width: 100%;
  height: auto;
}

.ft-popup .terms-wrap {
  position: relative;
  border-radius: 0.5rem;
  margin-top: 2rem;
  background-color: #F7F7F7;
  overflow: hidden;
  padding: 0.1rem 0;
}

.ft-popup .terms-wrap .terms-content {
  height: 52rem;
  overflow: auto;
}

.ft-popup .terms-wrap .terms-content::-webkit-scrollbar {
  width: 1.5rem;
}

.ft-popup .terms-wrap .terms-content::-webkit-scrollbar-track {
  background: #eee;
}

.ft-popup .terms-wrap .terms-content::-webkit-scrollbar-thumb {
  background: #797979;
}

.ft-popup .terms-wrap .terms-content .inner {
  padding: 2rem;
}

.ft-popup .terms-wrap .terms-content .inner p {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #797979;
}

.ft-popup .terms-wrap .under-mask {
  position: absolute;
  top: -0.1rem;
  left: 0;
  width: calc(100% - 1.5rem);
  height: 2rem;
  background-color: #f7f7f7;
  z-index: 10;
}

.ft-popup .terms-wrap .under-mask-btm {
  top: auto;
  bottom: -0.1rem;
}



#footer {
  width: 100%;
  padding: 6rem 0;
  background-color: #272622;
}

#footer .area .ft-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 2.26rem;
  border-bottom: 1px solid #606060;
}

#footer .area .ft-top .ft-logo a {
  display: block;
}

#footer .area .ft-top .ft-logo a img {
  width: 18.853rem;
  height: auto;
}

#footer .area .ft-top .ft-util {
  display: flex;
  gap: 3rem;
}

#footer .area .ft-top .ft-util li > * {
  font-size: 1.6rem;
  color: #fff;
  opacity: 0.6;
}

#footer .area .ft-top .ft-util li:hover > * {
  opacity: 1;
}

#footer .area .ft-top .ft-util li:nth-child(3) button {
    opacity: 1; color: #1C9DE9; font-weight: bold;
}


#footer .area .ft-btm {
  display: flex;
  justify-content: space-between;
  margin-top: 2.2rem;
}

#footer .area .ft-btm .ft-info ul li {
  display: flex;
  margin-top: 1rem;
}

#footer .area .ft-btm .ft-info ul li:first-child {
  margin-top: 0;
}

#footer .area .ft-btm .ft-info ul li .inner {
  display: flex;
  font-size: 1.6rem;
  color: #fff;
  margin-left: 3rem;
}

#footer .area .ft-btm .ft-info ul li.info-2 .inner {
  margin-left: 2.6rem;
}

#footer .area .ft-btm .ft-info ul li .inner:first-child {
  margin-left: 0;
}

#footer .area .ft-btm .ft-info ul li .inner h6 {
  font-size: 500;
  opacity: 0.8;
}

#footer .area .ft-btm .ft-info ul li .inner p {
  font-weight: 300;
  opacity: 0.6;
  margin-left: 0.9rem;
}

#footer .area .ft-btm .ft-info address {
  display: block;
  font-size: 1.6rem;
  font-weight: 300;
  color: #707070;
  padding-top: 3rem;
}

#footer .area .ft-btm .family-site .select {
  position: relative;
  width: 22rem;
}

#footer .area .ft-btm .family-site .select .selected {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 5.1rem;
  background-color: #3B3B3B;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  font-weight: 300;
  color: rgba(255,255,255,0.8);
  cursor: pointer;
}

#footer .area .ft-btm .family-site .select .selected h4 {
  padding-left: 2rem;
}

#footer .area .ft-btm .family-site .select .selected img {
  width: 1.15rem;
  height: 0.7rem;
  margin-right: 2rem;
  transition: transform 0.5s;
}

#footer .area .ft-btm .family-site.active .select .selected img {
  transform: rotate(180deg);
}

#footer .area .ft-btm .family-site.active .select .selected,
#footer .area .ft-btm .family-site .select .selected:hover {
  background-color: #2371E3;
}

#footer .area .ft-btm .family-site .select ul {
  display: none;
  position: absolute;
  bottom: 5.9rem;
  left: 0;
  width: 100%;
  background-color: #3B3B3B;
  border-radius: 0.5rem;
  z-index: 101;
}

#footer .area .ft-btm .family-site .select ul li {
  height: 5rem;
  line-height: 5rem;
}

#footer .area .ft-btm .family-site .select ul li a {
  display: block;
  height: 100%;
  font-size: 1.6rem;
  font-weight: 300;
  color: rgba(255,255,255,0.6);
  padding-left: 2rem;
}

#footer .area .ft-btm .family-site .select ul li:hover a {
  color: #fff;
}

@media all and (max-width:1650px) {
  #header .wrap {
    width: 90%;
  }

  #topBtn {
    right: 4rem;
  }
}



@media all and (max-width:1400px) {
  html, body {
    font-size: 8px;
  }

  .area {
    width: 90%;
  }

  #header .wrap .logo-wrap h2 {
    display: none;
  }

  #main .visual-con .visual .swiper-arrow {
    display: none;
  }

  .sub-sec .sub-con .sub-group .area .right-cont-wrap {
    width: calc(100% - 33rem);
  }
}



@media all and (max-width:1080px) {
  html, body {
    font-size: 10px;
  }

  select {
      background-size: 1.6rem 1rem;
      background-position: center right 1.8rem;
  }

  .pc_view {
      display: none
  }

  .mo_view {
      display: block
  }

  #header {
    height: 10rem;
  }

  #header .wrap .logo-wrap .logo a img {
    width: 18.5rem;
  }

  #header .wrap .logo-wrap h2 {
    display: block;
    font-size: 2.6rem;
    padding-left: 1.33rem;
  }

  #header .wrap .gnb-wrap {
    display: none;
  }

  #header .wrap .mo-menu-btn {
    display: block;
  }

  #topBtn {
    width: 7rem;
    height: 7rem;
  }

  #moFullMenu {
    display: block;
  }

  #main .visual-con .visual ul li {
    height: calc(100vh - 10rem);
  }

  #main .visual-con .visual ul li .area {
    position: relative;
    height: 100%;
  }

  #main .visual-con .visual ul li .area .visual-txt {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding-top: 0;
  }

  #main .visual-con .visual ul li .area .visual-txt h3 {
    font-size: 5.4rem;
    line-height: 6.8rem;
  }

  #main .visual-con .visual ul li .area .visual-txt h3 br {
    display: none;
  }

  #main .visual-con .visual ul li .area .visual-txt h3 span {
    display: block;
  }

  #main .visual-con .visual ul li .area .visual-txt p {
    font-size: 3rem;
    padding-top: 3.4rem;
  }

  #main .link-con {
    margin-top: 10rem;
  }

  #main .link-con .area .link-box ul {
    flex-direction: column;
  }

  #main .link-con .area .link-box ul li {
    width: calc(100% - 8rem);
    border-left: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 6rem;
    margin: 7rem auto 0;
  }

  #main .link-con .area .link-box ul li.link-box-2 {
    border-bottom: 0;
  }

  #main .link-con .area .link-box ul li > * {
    padding-left: 0;
  }

  #main .link-con .area .link-box ul li h4 {
    font-size: 3.8rem;
    line-height: 4.8rem;
  }

  #main .link-con .area .link-box ul li h4 span {
    display: block;
  }

  #main .link-con .area .link-box ul li p {
    font-size: 2.6rem;
    line-height: 3.5rem;
    padding-top: 1.9rem;
  }

  #main .link-con .area .link-box ul li.link-box-2 a,
  #main .link-con .area .link-box ul li a {
    font-size: 2.4rem;
    margin-top: 5rem;
  }

  #main .link-con .area .link-box ul li a img {
    width: 1.787rem;
    height: 1.787rem;
    margin-left: 1rem;
  }

  #main .link-con .area .link-box ul li .icon,
  #main .link-con .area .link-box ul li.link-box-2 .icon {
    right: 0;
  }

  #main .link-con .area .link-box ul li .icon {
    top: 0;
    transform: translateY(0);
  }

  #main .link-con .area .link-box ul li.link-box-2 .icon {
    top: 2.8rem;
  }

  #main .link-con .area .link-box ul li .icon img {
    width: 17rem;
  }

  #main .board-con {
    padding-bottom: 15rem;
  }

  #main .board-con .area {
    display: block;
  }

  #main .board-con .area .notice-wrap,
  #main .board-con .area .banner-wrap {
    width: 100%;
  }

  #main .board-con .area .banner-wrap {
      min-height: auto
  }

  #main .board-con .area .notice-wrap .notice-tit h4 {
    font-size: 4.4rem;
  }

  #main .board-con .area .notice-wrap .notice-tit h4 img {
    width: 2.757rem;
    height: 3.641rem;
    margin-right: 1.14rem;
  }

  #main .board-con .area .notice-wrap .notice-tit .sub-wrap ul {
    gap: 0 4.4rem;
  }

  #main .board-con .area .notice-wrap .notice-tit .sub-wrap ul li a {
    font-size: 2.8rem;
  }

  #main .board-con .area .notice-wrap {
    position: relative;
    padding-bottom: 14rem;
  }

  #main .board-con .area .notice-wrap .notice-tit .sub-wrap .more-view-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 16rem;
    height: 7rem;
    line-height: 7rem;
    font-size: 2.4rem;
    margin-left: 0;
  }

  #main .board-con .area .notice-wrap .notice-list {
    margin-top: 2.7rem;
  }

  #main .board-con .area .notice-wrap .notice-list ul li a {
    padding: 3rem 0;
  }

  #main .board-con .area .notice-wrap .notice-list ul li a h5 {
    font-size: 2.6rem;
  }

  #main .board-con .area .notice-wrap .notice-list ul li a p {
    font-size: 2.4rem;
  }

  #main .board-con .area .banner-wrap {
    height: 50rem;
    margin-top: 15rem;
  }

  #main .board-con .area .banner-wrap .banner .banner-txt {
    padding-top: 8rem;
  }

  #main .board-con .area .banner-wrap .banner .banner-txt h5 {
    font-size: 2.4rem;
    padding: 0.6rem 1.4rem;
  }

  #main .board-con .area .banner-wrap .banner .banner-txt h4 {
    font-size: 4.4rem;
    padding-top: 1.4rem;
  }

  #main .board-con .area .banner-wrap .banner .banner-txt p {
    font-size: 2.6rem;
    line-height: 3.6rem;
    padding-top: 1.9rem;
  }

  #main .board-con .area .banner-wrap .banner .banner-txt .more-view-btn {
    font-size: 2.4rem;
    margin-top: 5.2rem;
  }

  #main .partner-con {
    padding: 3rem 0 5rem 5.5%;
  }

  #main .partner-con .area {
    width: 94.5%;
    margin: 0;
  }

  #joinStep3 .join-con .area .form-group > div .depth-1 > li .form-row input {
    width: calc(100% - 15rem);
    font-size: 3.2rem
  }

  #joinStep3 .join-con .area .form-group > div .depth-1 > li.li-contact .form-row input,
  #joinStep3 .join-con .area .form-group > div .depth-1 > li.li-email .form-row input {
    /* width: calc(30% - 2rem); */
  }

  #joinStep3 .join-con .area .form-group > div .depth-1 > li.li-contact .form-row span,
  #joinStep3 .join-con .area .form-group > div .depth-1 > li.li-email .form-row span {
    width: 5%;
    text-align: center;
    margin: 0;
  }

  #joinStep3 .join-con .area .form-group > div .depth-1 > li.li-email .form-row .select-box {
    width: 30%;
    margin-left: 5%;
  }




  #mypage .join-con .area .form-group > div .depth-1 > li .form-row input {
    width: calc(100% - 15rem);
    font-size: 3.2rem
  }

  #mypage .join-con .area .form-group > div .depth-1 > li.li-contact .form-row input,
  #mypage .join-con .area .form-group > div .depth-1 > li.li-email .form-row input {
    /* width: calc(30% - 2rem); */
  }

  #mypage .join-con .area .form-group > div .depth-1 > li.li-contact .form-row span,
  #mypage .join-con .area .form-group > div .depth-1 > li.li-email .form-row span {
    width: 5%;
    text-align: center;
    margin: 0;
  }

  #mypage .join-con .area .form-group > div .depth-1 > li.li-email .form-row .select-box {
    width: 30%;
    margin-left: 5%;
  }

  .sub-sec .sub-con .sub-group {
    padding-top: 0;
  }

  .sub-sec .sub-con .sub-group .area {
    display: block;
    width: 100%;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap {
    position: relative;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap,
  .sub-sec-2 .sub-con .sub-group .area .side-menu-wrap,
  .sub-sec-3 .sub-con .sub-group .area .side-menu-wrap {
    height: auto;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-tit {
    position: relative;
    height: 8rem;
    line-height: 8rem;
    background: none;
    background-color: #074196;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-tit h3 {
    font-size: 2.2rem;
    font-weight: 500;
    padding-top: 0;
    padding-left: 5%;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-tit h3 .pc {
    display: none;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-tit h3 .mo {
    display: block;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-tit .mo-arrow {
    display: block;
    top: 3.5rem;
    right: 5%;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list {
    display: none;
    position: absolute;
    top: 8rem;
    left: 0;
    width: 100%;
    z-index: 100;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list ul {
    padding: 2rem 0;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list ul li a {
    height: 7rem;
    line-height: 7rem;
    font-size: 1.8rem;
    padding-left: 5%;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list ul li.on {
    background: none;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list ul li.on a {
    font-weight: 400;
    color: #212121;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list ul li.on a img {
    display: none;
  }

  .sub-sec .sub-con .sub-group .area .right-cont-wrap {
    width: 90%;
    margin: 7rem auto 0;
  }

  .ft-popup {
    width: 80%;
    height: 80%;
  }

  .ft-popup .terms-wrap {
    height: calc(100% - 5rem);
  }

  .ft-popup .terms-wrap .terms-content {
    height: 100%;
  }

  #footer {
    padding: 7rem 0;
  }

  #footer .area .ft-top {
    display: block;
    padding-bottom: 3rem;
  }

  #footer .area .ft-top .ft-logo {
    text-align: center;
  }

  #footer .area .ft-top .ft-logo a img {
    width: 23.664rem;
  }

  #footer .area .ft-top .ft-util {
    justify-content: center;
    margin-top: 3rem;
  }

  #footer .area .ft-top .ft-util li > * {
    font-size: 2.4rem;
  }

  #footer .area .ft-btm {
    display: block;
    margin-top: 3rem;
  }

  #footer .area .ft-btm .ft-info ul li {
    display: block;
    margin-top: 0;
  }

  #footer .area .ft-btm .ft-info ul li .inner {
    justify-content: center;
    font-size: 2.2rem;
    margin-left: 0;
    text-align: center;
    margin-top: 1.5rem;
  }

  #footer .area .ft-btm .ft-info ul li .inner p {
    margin-left: 1rem;
  }

  #footer .area .ft-btm .ft-info ul li.info-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #footer .area .ft-btm .ft-info address {
    font-size: 2.2rem;
    padding-top: 4rem;
    text-align: center;
  }

  #footer .area .ft-btm .family-site .select {
    margin: 5rem auto 0;
  }
}



@media all and (max-width:740px) {
  html, body {
    font-size: 6px;
  }

  #main .visual-con .visual ul li {
    height: calc(100vh - 40rem);
  }

  #main .visual-con .visual .swiper-pagination .swiper-pagination-bullet {
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
    margin: 0 0.6rem;
  }

  #main .visual-con .visual .swiper-pagination .swiper-pagination-bullet-active {
    width: 6rem;
  }

  #main .partner-con .area .wrap .rolling-list ul li {
    width: 35rem;
  }

  .sub-sec .deco-bg img {
    width: 48.611rem;
  }

  #login {
    padding: 21.429rem 0;
  }

  #login .login-con h2 {
    font-size: 7.143rem;
    margin-bottom: 2.857rem;
  }

  #login .login-con p {
    font-size: 3.429rem;
    line-height: 4.857rem;
    word-break: keep-all;
    padding-left: 5rem;
    padding-right: 5rem;
  }

  #login .login-con .login-form-group {
    width: 74.3%;
    margin-top: 7.143rem;
  }

  #login .login-con .login-form-group .input-wrap {
    height: 10rem;
    border-radius: 0.714rem;
    margin-top: 1.714rem;
  }

  #login .login-con .login-form-group .input-wrap .icon {
    left: 2.857rem;
  }

  #login .login-con .login-form-group .input-wrap .icon img {
    width: 2.5rem;
  }

  #login .login-con .login-form-group .input-wrap input {
    width: calc(100% - 7.361rem);
    margin-left: 7.361rem;
    font-size: 2.857rem;
  }

  #login .login-con .login-form-group .login-btn {
    height: 10rem;
    border-radius: 0.714rem;
    font-size: 2.857rem;
    margin-top: 1.714rem;
  }

  #login .login-con .links {
    margin-top: 4.286rem;
  }

  #login .login-con .links a {
    font-size: 3.143rem;
    padding: 0 3.357rem;
  }

  .join-con .area .step-header h2 {
    font-size: 7.143rem;
  }

  .join-con .area .step-indicator {
    margin-top: 5.714rem;
  }

  .join-con .area .step-indicator ul li.step p {
    font-size: 3.143rem;
  }

  .join-con .area .step-indicator ul li.step .icon {
    width: 15.286rem;
    height: 15.286rem;
    margin-top: 3.571rem;
  }

  .join-con .area .step-indicator ul li.step h3 {
    font-size: 3.714rem;
    margin-top: 2.714rem;
  }

  .join-con .area .step-indicator ul li.arrow {
    margin: 0 5.714rem;
  }

  .join-con .area .step-indicator ul li.arrow img {
    width: 1.143rem;
  }

  #joinStep1 {
    padding: 21.429rem 0;
  }

  #joinStep1 .terms-checkbox .chk_box {
    padding-left: 3.472rem;
    font-size: 2.778rem;
  }

  #joinStep1 .terms-checkbox .on {
    width: 2.429rem;
    height: 2.429rem;
    border-radius: 0.429rem;
    top: 0.417rem;
  }

  #joinStep1 .terms-checkbox .on:after {
    width: 1.429rem;
    height: 1.143rem;
    left: 0.6rem;
    top: 0.75rem;
  }

  #joinStep1 .join-con .area .terms-container {
    margin-top: 14.286rem;
  }

  #joinStep1 .join-con .area .terms-container .terms-group {
    margin-top: 7.143rem;
  }

  #joinStep1 .join-con .area .terms-container .terms-group .terms-group-tit .terms-checkbox {
    margin-right: 4.167rem;
  }

  #joinStep1 .join-con .area .terms-container .terms-group .terms-group-tit {
    height: 13.472rem;
  }

  #joinStep1 .join-con .area .terms-container .terms-group .terms-group-tit h3 {
    font-size: 4.444rem;
    padding-left: 4.167rem;
  }

  #joinStep1 .join-con .area .terms-container .terms-group .terms-wrap .terms-content {
    height: 68.571rem;
  }

  #joinStep1 .join-con .area .terms-container .terms-group-3 .terms-wrap .terms-content {
    height: auto;
  }

  #joinStep1 .join-con .area .terms-container .terms-group .terms-wrap .terms-content .inner {
    padding: 4.286rem;
  }

  #joinStep1 .join-con .area .terms-container .terms-group .terms-wrap .terms-content .inner p {
    font-size: 2.857rem;
    line-height: 4.286rem;
  }

  #joinStep1 .join-con .area .terms-container .terms-group .terms-wrap .under-mask {
    height: 4.286rem;
  }

  #joinStep1 .join-con .area .terms-container .all-agree {
    height: 12.857rem;
    border-radius: 1.429rem;
    margin-top: 7.143rem;
  }

  #joinStep1 .join-con .area .terms-container .all-agree .chk_box {
    padding-left: 5rem;
    font-size: 3.429rem;
    font-weight: 500;
  }

  #joinStep1 .join-con .area .terms-container .all-agree .on {
    width: 3.571rem;
    height: 3.571rem;
    top: 0.35rem;
  }

  #joinStep1 .join-con .area .terms-container .all-agree .on:after {
    width: 2.286rem;
    height: 1.714rem;
    top: 1rem;
  }

  #joinStep1 .join-con .area .terms-container .all-agree .terms-checkbox {
    margin-left: 4.286rem;
  }

  #joinStep1 .join-con .area .terms-container .submit-btn {
    width: 21.429rem;
    height: 10rem;
    border-radius: 0.714rem;
    font-size: 3.143rem;
    margin: 10rem auto 0;
  }

  #joinStep2 {
    padding: 21.429rem 0;
  }

  #joinStep2 .join-con .area .info {
    padding: 7.143rem 0;
    border-radius: 1.429rem;
    margin-top: 14.286rem;
  }

  #joinStep2 .join-con .area .info p {
    font-size: 3.429rem;
    line-height: 4.857rem;
    padding: 0 5.714rem;
    word-break: keep-all;
  }

  #joinStep2 .join-con .area .info p br {
    display: none;
  }

  #joinStep2 .join-con .area .auth-group {
    border-radius: 4.286rem;
    padding: 10rem 0;
    margin-top: 4.286rem;
  }

  #joinStep2 .join-con .area .auth-group > div .btnBlock h3 {
    font-size: 4.286rem;
  }

  #joinStep2 .join-con .area .auth-group > div .btnBlock .auth-ico {
    width: 24.286rem;
    height: 24.286rem;
    border-radius: 15rem;
    margin: 2.714rem auto 4.286rem;
  }

  #joinStep2 .join-con .area .auth-group .phone-auth .btnBlock  .auth-ico img {
    width: 10.286rem;
  }

  #joinStep2 .join-con .area .auth-group .ipin-auth .btnBlock  .auth-ico img {
    width: 12.857rem;
  }

  #joinStep2 .join-con .area .auth-group > div .btnBlock p {
    font-size: 3.143rem;
    line-height: 4.571rem;
  }

  #joinStep2 .join-con .area .auth-group > div .btnBlock p br {
    /* display: none; */
  }

  #joinStep2 .join-con .area .auth-group > div .btnBlock p span {
    /* display: block; */
  }

  #joinStep2 .join-con .area .btn-group {
    gap: 1.429rem;
    margin-top: 10rem;
  }

  #joinStep2 .join-con .area .btn-group button {
    width: 21.429rem;
    height: 10rem;
    border-radius: 0.714rem;
    font-size: 3.143rem;
  }

  #joinStep3 {
    padding: 21.429rem 0;
  }

  #joinStep3 .join-con .area .form-group > div .depth-1 > li {
    height: 14.286rem;
  }

  #joinStep3 .join-con .area .form-group > div .depth-1 > li label {
    font-size: 3.143rem;
    width: 24.571rem;
    line-height: 14.286rem;
    padding-left: 2rem;
  }

  #joinStep3 .join-con .area .form-group > div .depth-1 > li label span {
    font-size: 3.143rem;
  }

  #joinStep3 .join-con .area .form-group > div .depth-1 > li .form-row {
    width: calc(100% - 24.571rem);
    padding-left: 2.286rem;
  }

  #joinStep3 .join-con .area .form-group > div .depth-1 > li .form-row input {
    width: calc(100% - 20.572rem);
    height: 8.571rem;
    border-radius: 0.714rem;
  }

  #joinStep3 .join-con .area .form-group > div .depth-1 > li.li-id .form-row .dup-btn {
    width: 17.143rem;
    height: 8.571rem;
    border-radius: 0.714rem;
    font-size: 2.857rem;
    margin-left: 1.429rem;
  }

  #joinStep3 .join-con .area .form-group > div .depth-1 > li.li-contact .form-row span,
  #joinStep3 .join-con .area .form-group > div .depth-1 > li.li-email .form-row span {
    font-size: 2.857rem;
  }

  #joinStep3 .join-con .area .form-group > div .depth-1 > li.li-email .form-row .select-box .select-txt {
    height: 8.571rem;
    font-size: 2.857rem;
    line-height: 8.571rem;
    border-radius: 0.714rem;
  }

  #joinStep3 .join-con .area .form-group > div .depth-1 > li.li-email .form-row .select-box .select-txt::after {
    right: 2.143rem;
    top: 3.7rem;
    width: 1.8rem;
    height: 1rem;
  }

  #joinStep3 .join-con .area .form-group > div .depth-1 > li.li-busi-cert .filebox label {
    width: 17.143rem;
    height: 8.571rem;
    line-height: 8.571rem;
    border-radius: 0.714rem;
    font-size: 2.857rem;
    margin-left: 1.429rem;
  }

  #joinStep3 .join-con .area .btn-group {
    gap: 1.429rem;
    margin-top: 10rem;
  }

  #joinStep3 .join-con .area .btn-group button {
    width: 21.429rem;
    height: 10rem;
    border-radius: 0.714rem;
    font-size: 3.143rem;
  }

  #joinStep3 .join-con .area .btn-group a {
    width: 21.429rem;
    height: 10rem;
    border-radius: 0.714rem;
    font-size: 3.143rem;
  }



  #mypage {
    padding: 21.429rem 0;
  }

  #mypage .title {
    font-size: 6rem;
  }

  #mypage .join-con .area .form-group .form-notice {
      font-size: 2.643rem;
        margin: 7rem 0 2rem;
  }

  #mypage .join-con .area .form-group > div .depth-1 > li {
    height: 14.286rem;
  }

  #mypage .join-con .area .form-group > div .depth-1 > li label {
    font-size: 3.143rem;
    width: 24.571rem;
    line-height: 14.286rem;
    padding-left: 2rem;
  }

  #mypage .join-con .area .form-group > div .depth-1 > li label span {
    font-size: 3.143rem;
  }

  #mypage .join-con .area .form-group > div .depth-1 > li .form-row {
    width: calc(100% - 24.571rem);
    padding-left: 2.286rem;
  }

  #mypage .join-con .area .form-group > div .depth-1 > li .form-row input {
    width: calc(100% - 20.572rem);
    height: 8.571rem;
    border-radius: 0.714rem;
  }

  #mypage .join-con .area .form-group > div .depth-1 > li.li-id .form-row .dup-btn {
    width: 17.143rem;
    height: 8.571rem;
    border-radius: 0.714rem;
    font-size: 2.857rem;
    margin-left: 1.429rem;
  }

  #mypage .join-con .area .form-group > div .depth-1 > li.li-contact .form-row span,
  #mypage .join-con .area .form-group > div .depth-1 > li.li-email .form-row span {
    font-size: 2.857rem;
  }

  #mypage .join-con .area .form-group > div .depth-1 > li.li-email .form-row .select-box .select-txt {
    height: 8.571rem;
    font-size: 2.857rem;
    line-height: 8.571rem;
    border-radius: 0.714rem;
  }

  #mypage .join-con .area .form-group > div .depth-1 > li.li-email .form-row .select-box .select-txt::after {
    right: 2.143rem;
    top: 3.7rem;
    width: 1.8rem;
    height: 1rem;
  }

  #mypage .join-con .area .form-group > div .depth-1 > li.li-busi-cert .filebox label {
    width: 17.143rem;
    height: 8.571rem;
    line-height: 8.571rem;
    border-radius: 0.714rem;
    font-size: 2.857rem;
    margin-left: 1.429rem;
  }

  #mypage .join-con .area .btn-group {
    gap: 1.429rem;
    margin-top: 10rem;
    padding-top: 10rem;
  }

  #mypage .join-con .area .btn-group button {
    width: 21.429rem;
    height: 10rem;
    border-radius: 0.714rem;
    font-size: 3.143rem;
  }

  #mypage .join-con .area .btn-group a {
    width: 21.429rem;
    height: 10rem;
    border-radius: 0.714rem;
    font-size: 3.143rem;
  }

  #mypage .join-con .area .btn-group a.secessionBtn {
      width: 18.429rem;
      height: 8rem;
      border-radius: 0.714rem;
      font-size: 3.143rem;
      top: -3rem;
  }

  #findId {
    padding: 21.429rem 0;
  }

  #findId .find-con h2 {
    font-size: 7.143rem;
    margin-bottom: 2.857rem;
  }

  #findId .find-con .find-form-group {
    width: 74.3%;
    margin-top: 7.143rem;
  }

  #findId .find-con .find-form-group .input-wrap {
    height: 10rem;
    border-radius: 0.714rem;
    margin-top: 1.714rem;
  }

  #findId .find-con .find-form-group .input-wrap h3 {
    font-size: 3.429rem;
  }

  #findId .find-con .find-form-group .input-wrap input {
    width: calc(100% - 18.571rem);
    font-size: 3.429rem;
  }

  #findId .find-con .find-form-group .find-btn {
    height: 10rem;
    border-radius: 0.714rem;
    font-size: 2.857rem;
    margin-top: 1.714rem;
  }

  #findId .find-con .links {
    margin-top: 4.286rem;
  }

  #findId .find-con .links a {
    font-size: 3.143rem;
    padding: 0 3.357rem;
  }

  #findPw {
    padding: 21.429rem 0;
  }

  #findPw .find-con h2 {
    font-size: 7.143rem;
    margin-bottom: 2.857rem;
  }

  #findPw .find-con .find-form-group {
    width: 74.3%;
    margin-top: 7.143rem;
  }

  #findPw .find-con .find-form-group .input-wrap {
    height: 10rem;
    border-radius: 0.714rem;
    margin-top: 1.714rem;
  }

  #findPw .find-con .find-form-group .input-wrap h3 {
    font-size: 3.429rem;
  }

  #findPw .find-con .find-form-group .input-wrap input {
    width: calc(100% - 18.571rem);
    font-size: 3.429rem;
  }

  #findPw .find-con .find-form-group .find-btn {
    height: 10rem;
    border-radius: 0.714rem;
    font-size: 2.857rem;
    margin-top: 1.714rem;
  }

  #findPw .find-con .links {
    margin-top: 4.286rem;
  }

  #findPw .find-con .links a {
    font-size: 3.143rem;
    padding: 0 3.357rem;
  }

  .sub-sec .sub-con .sub-visual {
    height: 45.714rem;
  }

  .sub-sec .sub-con .sub-visual h2 {
    font-size: 6.571rem;
  }

  .sub-sec .sub-con .sub-group {
    padding-bottom: 21.429rem;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-tit {
    height: 11.429rem;
    line-height: 11.429rem;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-tit h3 {
    font-size: 4.333rem;
    font-weight: 500;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-tit .mo-arrow {
    top: 5.2rem;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list {
    top: 11.429rem;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list ul {
    padding: 3.333rem 0;
  }

  .sub-sec .sub-con .sub-group .area .side-menu-wrap .side-menu-list ul li a {
    height: 11.667rem;
    line-height: 11.667rem;
    font-size: 4rem;
  }

  .sub-sec .sub-con .sub-group .area .right-cont-wrap {
    margin-top: 9.857rem;
  }

  .sub-sec .sub-con .sub-group .area .right-cont-wrap .right-cont-tit {
    display: block;
    padding-bottom: 0;
    border-bottom: 0;
  }

  .sub-sec .sub-con .sub-group .area .right-cont-wrap .right-cont-tit h4 {
    display: inline-block;
    font-size: 6.286rem;
    padding-bottom: 1.714rem;
  }

  .sub-sec .sub-con .sub-group .area .right-cont-wrap .right-cont-tit .deco {
    bottom: -2px;
    height: 4px;
  }

  .sub-sec .sub-con .sub-group .area .right-cont-wrap .right-cont-tit .loc-wrap ul {
    padding-top: 3rem;
    border-top: 1px solid #E0E0E0;
  }

  .sub-sec .sub-con .sub-group .area .right-cont-wrap .right-cont-tit .loc-wrap ul li a img {
    width: 2.643rem;
  }

  .sub-sec .sub-con .sub-group .area .right-cont-wrap .right-cont-tit .loc-wrap ul li p {
    font-size: 2.857rem;
    margin-left: 1rem;
  }

  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt {
    margin-top: 14.286rem;
  }

  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .txt-sub-tit h5 {
    font-size: 4.571rem;
  }

  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .txt-sub-tit h5 img {
    width: 4rem;
    margin-right: 1.143rem;
  }

  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .txt-sub-tit p {
    font-size: 3.714rem;
    line-height: 5.143rem;
    padding-top: 2.714rem;
  }

  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .img {
    margin-top: 5.571rem;
  }

  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .img img.pc {
    display: none;
  }

  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .img img.mo {
    display: block;
  }

  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-0 {}
  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-0 .content {margin-top: 3rem; padding: 6.67rem; flex-direction: column; align-items: flex-start;}
  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-0 .content img {margin: 0; width: 34rem;}
  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-0 .content .text {padding: 0; margin-top: 7rem;}
  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-0 .content .text::before {display: none;}
  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-0 .content .text .tit {font-size: 4rem; padding-bottom: 3rem;}
  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-0 .content .text p {font-size: 3.714rem; line-height: 5.143rem;}
  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-0 .content .text p b {}
  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-1 {margin-top: 21.429rem;}

  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-2 {
    margin-top: 21.429rem;
  }

  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-2 .img {
    margin-top: 4.143rem;
  }

  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-2 .box {
    border-radius: 2.857rem;
    padding: 5.714rem 0;
    margin-top: 5.714rem;
  }

  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-2 .box ul {
    padding: 0 5.714rem;
  }

  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-2 .box ul li {
    align-items: start;
    margin-top: 4.143rem;
  }

  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-2 .box ul li .dot {
    width: 1.571rem;
    height: 1.571rem;
    margin-top: 1.5rem;
  }

  #sub1-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-2 .box ul li p {
    width: calc(100% - 2.714rem);
    font-size: 3.714rem;
    padding-left: 1.143rem;
  }

  #sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt {
    margin-top: 14.286rem;
  }

  #sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .txt-2 {
    margin-top: 21.429rem;
  }

  #sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .terms-wrap .terms-content .inner p {
    font-size: 2.857rem;
    line-height: 4.286rem;
  }

  #sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .txt-sub-tit h5 {
    font-size: 4.571rem;
  }

  #sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .txt-sub-tit h5 img {
    width: 4rem;
    margin-right: 1.143rem;
  }

  #sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .txt-sub-tit p {
    font-size: 3.714rem;
    line-height: 5.143rem;
    padding-top: 2.714rem;
  }

  #sub1-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt > div .terms-wrap .terms-content {
    height: 71.571rem;
  }

  #sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt {
    margin-top: 14.286rem;
  }

  #sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li {
    margin-top: 14.286rem;
  }

  #sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li h5 {
    font-size: 4.571rem;
  }

  #sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li h5 .dot {
    width: 1.857rem;
    height: 1.857rem;
    border-radius: 1rem;
  }

  #sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li .agency-box a {
    display: block;
    height: auto;
    border-radius: 2.857rem;
    margin-top: 2.714rem;
    padding: 5.714rem 0;
  }

  #sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li .agency-box a .agency-logo {
    width: auto;
  }

  #sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li .agency-box a .agency-logo img {
    margin-left: 5.714rem;
  }

  #sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li .agency-box a p {
    width: auto;
    font-size: 3.714rem;
    line-height: 5.143rem;
    padding: 5.829rem 5.714rem 0 5.714rem;
    background: none;
  }

  #sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li.agency-1 .agency-box a .agency-logo img {
    width: 29.36rem;
  }

  #sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li.agency-2 .agency-box a .agency-logo img {
    width: 31.357rem;
  }

  #sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li.agency-3 .agency-box a .agency-logo img {
    width: 32.471rem;
  }

  #sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li.agency-4 .agency-box a .agency-logo img {
    width: 32.741rem;
  }

  #sub1-3 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt ul li.agency-5 .agency-box a .agency-logo img {
    width: 39.77rem;
  }

  #sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt {
    margin-top: 14.286rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-header {
    gap: 1.429rem;
    padding: 2.143rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-header .select-box {
    width: 15.143rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-header .select-box .select-txt {
    height: 8.571rem;
    line-height: 8.571rem;
    font-size: 2.857rem;
    padding: 0 2.429rem;
    border-radius: 0.714rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-header .select-box .select-txt::after {
    right: 2.429rem;
    top: 3.8rem;
    width: 1.429rem;
    height: 0.714rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-header .select-box .select-list li {
    height: 8.571rem;
    line-height: 8.571rem;
    font-size: 2.857rem;
    padding-left: 2.429rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-header .ip-box {
    width: 59.143rem;
    height: 8.571rem;
    border-radius: 0.714rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-header .ip-box input {
    font-size: 2.857rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-header .sch-btn {
    width: 11.429rem;
    height: 8.571rem;
    border-radius: 0.714rem;
    font-size: 2.857rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap {
    margin-top: 10rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .total-num {
    font-size: 2.857rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list {
    margin-top: 2.857rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-th {
    height: 10rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-th h5 {
    font-size: 3rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap {
    height: 11.429rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p {
    font-size: 3rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p span {
      font-weight: bold;
      color: #2371E3
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-th h5.date {
      width: 22% !important
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p.date {
      width: 22% !important
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-th h5.title {
      width: 47.6% !important
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p.title {
      width: 47.6% !important
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .paging  {
    margin-top: 10rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .paging ul li {
    width: 7.143rem;
    height: 7.143rem;
    line-height: 7.143rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .paging ul li.num {
    font-size: 2.857rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .paging ul li.num.on {
    border-radius: 5rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .paging ul li button img {
    width: 0.77rem;
    height: 1.411rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt {
    margin-top: 14.286rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .view-title-wrap {
    padding: 5rem 4.286rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .view-title-wrap h5 {
    font-size: 4.571rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .view-title-wrap .view-info p {
    font-size: 3.143rem;
    padding-top: 1.571rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .view-cont {
    padding: 4.286rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .view-cont p {
    font-size: 2.857rem;
    line-height: 4rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .view-cont img {
    margin-top: 2.857rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .file-attach {
    padding: 3.286rem 0 3.286rem 4.286rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .file-attach button {
    font-size: 2.857rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .file-attach button img {
    width: 2.55rem;
    margin-right: 1.429rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .list-view-btn {
    width: 21.429rem;
    height: 10rem;
    border-radius: 0.714rem;
    font-size: 3.143rem;
    margin-top: 10rem;
  }

  .sub-sec-board .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .list-view-btn img {
    width: 1.989rem;
    margin-right: 1.314rem;
  }

  #sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p.title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p.title img {
    width: 1.329rem;
    margin-top: 1rem;
    margin-right: 1rem;
  }

  #sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .locked-box {
    padding: 4.286rem;
  }

  #sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .locked-box p {
    font-size: 2.857rem;
    line-height: 4rem;
  }

  #sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .locked-box .input-group {
    margin-top: 2.857rem;
  }

  #sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .locked-box .input-group input {
    width: 50rem;
    height: 7.143rem;
    border-radius: 0.714rem;
  }

  #sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .locked-box .input-group .submit-btn {
    width: 11.429rem;
    height: 7.143rem;
    line-height: 7.143rem;
    border-radius: 0.714rem;
    font-size: 2.857rem;
    margin-left: 1.429rem;
  }

  #sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .inquiry-btn-wrap {

  }

  #sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .inquiry-btn {
    bottom: 13rem;
    width: 18.571rem;
    height: 7.857rem;
    line-height: 7.857rem;
    border-radius: 5rem;
    font-size: 3.143rem;
  }

  #sub2-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .paging  {
    margin-top: 19.286rem;
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt {
    margin-top: 14.286rem;
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header {
    border-radius: 1.429rem;
    padding: 4.286rem 0;
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul {
    padding: 0 3.571rem;
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul li {
    height: 8.571rem;
    margin-top: 2.143rem;
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul li h5 {
    font-size: 3.429rem;
    width: 13.571rem;
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul li .ip-box {
    width: calc(100% - 13.571rem);
    border-radius: 0.714rem;
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul li .ip-box input {
    font-size: 3.429rem;
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul li .filebox {
    width: calc(100% - 13.571rem);
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul li .filebox input {
    width: calc(100% - 13.857rem);
    height: 8.571rem;
    border-radius: 0.714rem;
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul li .filebox input::placeholder {
      font-size: 2.429rem;
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-header ul li .filebox label {
    width: 12.857rem;
    height: 8.571rem;
    line-height: 8.571rem;
    border-radius: 0.714rem;
    font-size: 2.857rem;
    margin-left: 1.429rem;
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-lock-box {
    border-radius: 1.429rem;
    padding: 4.286rem;
    margin-top: 2.857rem;
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-lock-box p {
    font-size: 3.143rem;
    line-height: 5rem;
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-lock-box p strong img {
    width: 1.927rem;
    margin-right: 1.429rem;
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-lock-box .input-group {
    margin-top: 1.429rem;
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .write-lock-box .input-group input {
    width: 100%;
    height: 8.571rem;
    border-radius: 0.714rem;
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .btn-wrap {
    gap: 1.429rem;
    justify-content: center;
    margin-top: 10rem;
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .btn-wrap button {
    width: 17.143rem;
    height: 8.571rem;
    border-radius: 5rem;
    font-size: 3.143rem;
  }

  #sub2-1-write .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .btn-wrap a {
    width: 17.143rem;
    height: 8.571rem;
    border-radius: 5rem;
    font-size: 3.143rem;
    line-height: 8.571rem;
  }

  #sub2-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p.title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #sub3-1 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p.title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #sub3-2 .sub-con .sub-group .area .right-cont-wrap .right-cont-txt .board-list-wrap .board-list ul li.list-td .td-wrap p.title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ft-popup h3 {
    font-size: 4.286rem;
  }

  .ft-popup .close-btn {
    width: 3rem;
    height: 3rem;
  }

  .ft-popup .terms-wrap {
    height: calc(100% - 10rem);
    border-radius: 0.714rem;
    margin-top: 2.857rem;
  }

  .ft-popup .terms-wrap .terms-content .inner {
    padding: 2.857rem;
  }

  .ft-popup .terms-wrap .terms-content .inner p {
    font-size: 2.714rem;
    line-height: 3.857rem;
  }

  #footer .area .ft-btm .family-site .select {
    width: 24rem;
  }

  #footer .area .ft-btm .family-site .select .selected {
    height: 7rem;
    font-size: 2rem;
  }

  #footer .area .ft-btm .family-site .select .selected img {
    width: 1.8rem;
    height: auto;
  }

  #footer .area .ft-btm .family-site .select ul {
    bottom: 8rem;
  }

  #footer .area .ft-btm .family-site .select ul li {
    height: 7rem;
    line-height: 7rem;
  }

  #footer .area .ft-btm .family-site .select ul li a {
    font-size: 2rem;
  }

}



@media all and (max-width:550px) {
  html, body {
    font-size: 4px;
  }

  html.main-page,
  body.main-page {
    font-size: 6px;
  }

  #header {
    height: 60px;
  }

  #header .wrap .logo-wrap .logo a img {
    width: 111px;
  }

  #header .wrap .logo-wrap h2 {
    font-size: 15.6px;
    padding-left: 8px;
  }

  #topBtn {
    width: 42px;
    height: 42px;
  }

  #header .wrap .mo-menu-btn {
    width: 19.8px;
    height: 19.5px;
  }

  #moFullMenu .wrap {
    padding-top: 60px;
  }

  #moFullMenu .wrap .close-btn {
    top: 21px;
    right: 24px;
    width: 18px;
    height: 18px;
  }

  #moFullMenu .wrap .mo-fm-hd {
    padding: 0 24px;
  }

  #moFullMenu .wrap .mo-fm-hd .fm-logo a img {
    width: 134.4px;
  }

  #moFullMenu .wrap .mo-fm-hd .util li {
    padding-left: 6px;
    margin-left: 5.4px;
  }

  #moFullMenu .wrap .mo-fm-hd .util li a {
    font-size: 13.2px;
  }

  #moFullMenu .wrap .menu-list {
    margin-top: 21px;
  }

  #moFullMenu .wrap .menu-list .depth-1 > li > h3 {
    font-size: 18px;
    padding: 19.2px 18px;
  }

  #moFullMenu .wrap .menu-list .depth-1 > li > h3 img {
    top: 26.1px;
    right: 24px;
    width: 16.8px;
    height: 9.6px;
  }

  #moFullMenu .wrap .menu-list .depth-1 > li .depth-2 {
    padding: 6px 0;
  }

  #moFullMenu .wrap .menu-list .depth-1 > li .depth-2 li {
    height: 42px;
    line-height: 42px;
  }

  #moFullMenu .wrap .menu-list .depth-1 > li .depth-2 li a {
    padding-left: 24px;
    font-size: 14.4px;
  }

  #login .login-con .login-form-group,
  #findId .find-con .find-form-group,
  #findPw .find-con .find-form-group {
    width: 90%;
  }

  #footer {
    padding: 42px 0;
  }

  #footer .area .ft-top {
    padding-bottom: 18px;
  }

  #footer .area .ft-top .ft-logo a img {
    width: 142px;
  }

  #footer .area .ft-top .ft-util {
    margin-top: 18px;
  }

  #footer .area .ft-top .ft-util li > * {
    font-size: 14.4px;
  }

  #footer .area .ft-top .ft-util li:nth-child(3) button {
      opacity: 1; color: #1C9DE9; font-weight: bold;
  }

  #footer .area .ft-btm {
    margin-top: 18px;
  }

  #footer .area .ft-btm .ft-info ul li .inner {
    font-size: 13.2px;
    margin-top: 9px;
  }

  #footer .area .ft-btm .ft-info ul li .inner:last-child {
    width: 100%;
    margin-left: 0;
  }

  #footer .area .ft-btm .ft-info ul li .inner p {
    margin-left: 6px;
  }

  #footer .area .ft-btm .ft-info ul li.info-3 .inner {
    flex-wrap: wrap;
  }

  #footer .area .ft-btm .ft-info address {
    font-size: 13.2px;
    padding-top: 24px;
  }

  #footer .area .ft-btm .family-site .select {
    width: 144px;
    margin: 30px auto 0;
  }

  #footer .area .ft-btm .family-site .select .selected {
    height: 42px;
    font-size: 12px;
  }

  #footer .area .ft-btm .family-site .select .selected h4 {
    padding-left: 12px;
  }

  #footer .area .ft-btm .family-site .select .selected img {
    width: 10.8px;
    margin-right: 12px;
  }

  #footer .area .ft-btm .family-site .select ul {
    bottom: 48px;
  }

  #footer .area .ft-btm .family-site .select ul li {
    height: 42px;
    line-height: 42px;
  }

  #footer .area .ft-btm .family-site .select ul li a {
    font-size: 12px;
    padding-left: 12px;
  }
}



@media all and (max-width:450px) {
  html.main-page,
  body.main-page {
    font-size: 5px;
  }

  #header {
    height: 50px;
  }

  #header .wrap .logo-wrap .logo a img {
    width: 92.5px;
  }

  #header .wrap .logo-wrap h2 {
    font-size: 13px;
    padding-left: 6.6px;
  }

  #topBtn {
    width: 35px;
    height: 35px;
  }

  #header .wrap .mo-menu-btn {
    width: 16.5px;
    height: 16.25px;
  }

  #moFullMenu .wrap {
    padding-top: 50px;
  }

  #moFullMenu .wrap .close-btn {
    top: 17.5px;
    right: 20px;
    width: 15px;
    height: 15px;
  }

  #moFullMenu .wrap .mo-fm-hd {
    padding: 0 20px;
  }

  #moFullMenu .wrap .mo-fm-hd .fm-logo a img {
    width: 112px;
  }

  #moFullMenu .wrap .mo-fm-hd .util li {
    padding-left: 5px;
    margin-left: 4.5px;
  }

  #moFullMenu .wrap .mo-fm-hd .util li a {
    font-size: 11px;
  }

  #moFullMenu .wrap .menu-list {
    margin-top: 17.5px;
  }

  #moFullMenu .wrap .menu-list .depth-1 > li > h3 {
    font-size: 15px;
    padding: 16px 15px;
  }

  #moFullMenu .wrap .menu-list .depth-1 > li > h3 img {
    top: 21.75px;
    right: 20px;
    width: 14px;
    height: 8px;
  }

  #moFullMenu .wrap .menu-list .depth-1 > li .depth-2 {
    padding: 5px 0;
  }

  #moFullMenu .wrap .menu-list .depth-1 > li .depth-2 li {
    height: 35px;
    line-height: 35px;
  }

  #moFullMenu .wrap .menu-list .depth-1 > li .depth-2 li a {
    padding-left: 20px;
    font-size: 12px;
  }

  #footer {
    padding: 35px 0;
  }

  #footer .area .ft-top {
    padding-bottom: 15px;
  }

  #footer .area .ft-top .ft-logo a img {
    width: 118px;
  }

  #footer .area .ft-top .ft-util {
    margin-top: 15px;
  }

  #footer .area .ft-top .ft-util li > * {
    font-size: 12px;
  }

  #footer .area .ft-top .ft-util li:nth-child(3) button {
      opacity: 1; color: #1C9DE9; font-weight: bold;
  }


  #footer .area .ft-btm {
    margin-top: 15px;
  }

  #footer .area .ft-btm .ft-info ul li .inner {
    font-size: 12px;
    margin-top: 7.5px;
  }

  #footer .area .ft-btm .ft-info ul li .inner p {
    margin-left: 5px;
  }

  #footer .area .ft-btm .ft-info address {
    font-size: 12px;
    padding-top: 20px;
  }

  #footer .area .ft-btm .family-site .select {
    width: 120px;
    margin: 25px auto 0;
  }

  #footer .area .ft-btm .family-site .select .selected {
    height: 35px;
    font-size: 10px;
  }

  #footer .area .ft-btm .family-site .select .selected h4 {
    padding-left: 10px;
  }

  #footer .area .ft-btm .family-site .select .selected img {
    width: 9px;
    margin-right: 10px;
  }

  #footer .area .ft-btm .family-site .select ul {
    bottom: 40px;
  }

  #footer .area .ft-btm .family-site .select ul li {
    height: 35px;
    line-height: 35px;
  }

  #footer .area .ft-btm .family-site .select ul li a {
    font-size: 10px;
    padding-left: 10px;
  }
}


.pg_wrap {float: none; margin-top: 5rem; width: 100%;}
.pg_wrap:after {display: none}
.pg_wrap .pg {display: flex; align-items: center; justify-content: center;}
.pg_wrap .pg .pg_page {width: 5rem; height: 5rem; font-size: 1.6rem; line-height: 5rem; font-weight: 400; background: transparent; border: 0;}
.pg_wrap .pg .pg_page.pg_start {display: none}
.pg_wrap .pg .pg_page.pg_prev {background: url('../images/sub/sub_paging_prev_ico.png') no-repeat center/0.7rem;}
.pg_wrap .pg .pg_page.pg_next {background: url('../images/sub/sub_paging_next_ico.png') no-repeat center/0.7rem;}
.pg_wrap .pg .pg_page.pg_end {display: none;}
.pg_wrap .pg .pg_current {width: 5rem; height: 5rem; line-height: 5rem; background: #064196; border: 0; border-radius: 50%; font-size: 1.6rem; font-weight: 400;}