@charset "utf-8";

/*전체*/
header, header a, .menu a {color: #212121; transition: .3s; position: relative;}
#wrap {min-height: 100vh; min-width: 1600px; position: relative;}
#wrap_pop {position:relative; width:100%; height:auto; margin:0;}

/*헤더 header*/
header {width: 100%; background: #fff; font-family: 'pretendard SemiBlod'; z-index: 11;}
.header {position: relative; min-width: 1780px; padding: 20px 70px; height: 100px; border-bottom: 1px solid #fff; display: flex; justify-content: space-between; align-items: center;}
.header .header-left {display: flex; align-items: center; font-size: 20px; font-weight: 600;}
.header .header-left li {margin-right: 50px; position: relative;}
.header .header-left li:hover::after, .header .header-left li.active::after {position: absolute; left: 50%; bottom: -39px; transform: translateX(-50%); content: ""; background: #34A27E; width: 100%; height: 5px;}
.header .header-right {display: flex; align-items: center;}
.header .header-right li {margin-right: 5px;}

header:hover .under-menu {display: flex;}

/*헤더 메뉴*/
.under-menu {position: absolute; top: 100px; left: 0; width: 100%; background: #fff; border-top: 1px solid #ddd; display: flex; justify-content: center; box-shadow: 0 100px 200px rgba(83, 96, 110, 0.3); z-index: 10; display: none;}
.under-menu .gnb {min-width: 1600px; padding: 20px 20px 60px; display: flex; justify-content: space-between;}
.menu-info {position: relative; margin-right: 50px; line-height: 28px; padding: 20px 10px;}
.menu-info ul li:first-child {font-size: 20px; margin-bottom: 20px;}
.menu-info ul li:nth-child(2) {margin-bottom: 50px;}
.menu-info ul li:nth-child(2) span {font-size: 20px; font-weight: 700; font-family: 'pretendard ExtraBold';}

.under-menu nav {width: 75%;}
.under-menu nav .nav-menu {display: flex; justify-content: space-between;}

.nav-menu.en-menu > li {width: 20%;}
.nav-menu > li {position: relative; padding-bottom: 25px; width: 16%;}
.nav-menu > li::after {position: absolute; top: 0; left: -40px; content: ""; border-right: 1px solid #E9EEF8; height: 100%; width: 1px;}
.nav-menu li h2 {margin-bottom: 5px; padding: 10px 0;}
.nav-menu-item li {padding: 10px 0; position: relative; }
.nav-menu-item li a {color: #666; font-size: 16px; text-decoration: none;}
.nav-menu-item li:hover::after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background: #34A27E;}
.nav-menu-item li a:hover {color: #34A27E; text-decoration: underline;}


/*메인 컨텐츠*/
.main-contet-wrap {width: 100%; background: #fff;}

.top-main {width: 1600px; margin: 10px auto; display: flex; justify-content: space-between; align-items: end; padding: 80px 0 20px;}
.top-main .top-left h1 {font-size: 40px; line-height: 55px;}
.top-main .top-left h1 span:first-child {font-family: 'pretendard Light';}
.top-main .top-right ul {display: flex; align-items: center;}
.top-main .top-right ul li {text-align: left; margin-right: 40px;}
.top-main .top-right ul li div {display: flex; align-items: center;}
.top-main .top-right ul li h3 {font-family: 'mont'; font-size: 55px; margin-right: 10px;}
.top-main .top-right ul li p {position: relative; font-family: 'pretendard SemiBlod'; font-size: 16px;}
.top-main .top-right ul li .img-box {position: absolute; top: -70px; left: 0; background-repeat: no-repeat; width: 60px; height: 60px; transition: 0.2s all;}
.top-main .top-right ul li:nth-child(3) .img-box { background-image: url("/images/renewal/main_top3.png");}
.top-main .top-right ul li:nth-child(2) .img-box { background-image: url("/images/renewal/main_top1.png");}
.top-main .top-right ul li:first-child .img-box { background-image: url("/images/renewal/main_top2.png");}
.top-main .top-right ul li:nth-child(3):hover .img-box { background-image: url("/images/renewal/main_top3.png");}
.top-main .top-right ul li:nth-child(2):hover .img-box { background-image: url("/images/renewal/main_top1.png");}
.top-main .top-right ul li:first-child:hover .img-box { background-image: url("/images/renewal/main_top2.png");}

.main-contet {width: 100%; padding: 20px; display: flex; justify-content: space-between; margin-right: 15px; min-height: 590px;}
.main-contet .main-contet-inner {background: #1F5591; padding: 40px; border-radius: 20px; color: #fff; min-width: 420px; max-height: 590px; position: relative;}
.main-tilte-wrap {display: flex; justify-content: space-between; align-items: end; margin-bottom: 35px; line-height: 35px; padding-right: 35px;}
.main-tilte-wrap .img-div {position: relative; margin-bottom: 10px; margin-left: 35px;}
.main-tilte-wrap .img-div::after {content: url(/images/renewal/main_img1H.png); background: no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main-tilte-wrap .img-div::before {content: url(/images/renewal/main_img2.png); background: no-repeat; position: absolute; top: -85px; left: -200px; z-index: 9;}
.main-tilte span{font-size: 28px; position: relative;}
.main-tilte span::after {content: ""; position: absolute; top: 0; right: -10px; width: 5px; height: 5px; background: #fff; border-radius: 50%;}
.main-tilte-wrap p {font-family: 'pretendard Regular'; font-size: 16px;}

.list-menu {display: grid; grid-template-columns: repeat(5, 130px); gap: 7px; font-family: 'pretendard SemiBlod';}
.list-menu li {width: 130px; height: 40px; border: 1px solid #d9d9d9; color: #fff; background: #1F5591; border-radius: 5px; text-align: center; line-height: 40px; cursor: pointer; transition: 0.3s all;}
.list-menu li a {color: #fff;}
.list-menu li:hover {background: #113D6D;}

.list-main-menu {margin-top: 40px;}
.list-main-menu li {cursor: pointer; width: 370px; height: 80px; padding: 30px; color: #fff; background: rgba(0,0,0,0.1); margin-bottom: 8px; border-radius: 7px; font-size: 20px; display: flex; justify-content: space-between; align-items: center; transition: .3s all;}
.list-main-menu li a {color: #fff; display: flex; justify-content: space-between; align-items: center; width: 100%;}
.list-main-menu li a .arrow {display:block; width: 7px ; height: 7px; border-radius: 50%; background: #fff; transition: .3s all;}
.list-main-menu li:hover {background: #fff; color: #3F4245; }
.list-main-menu li:hover a {color: #3f4245;}
.list-main-menu li:hover a .arrow {background: url(/images/renewal/arrow.png) no-repeat; width: 20px; height: 20px; padding: 5px; border-radius: 0;}

.icon-list {margin-top: 25px; display: grid; grid-template-columns: repeat(2, 110px); gap: 50px 40px; cursor: pointer; margin-right: 160px;}
.icon-list li {text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: space-between; font-size: 14px;}
.icon-list li a p {margin-top: 7px; color: #fff;}
.icon-list li a img {width: 50px; padding: 5px;}
.icon-list::after {content: url("/images/renewal/main_img3.png"); position: absolute; right: 0; bottom: -4px; background-repeat: no-repeat;}

/*bottom contet*/
.bottom-contet-wrap {width: 100%; }
.bottom-contet {width: 1600px; padding: 70px 0; margin: 0px auto; display: flex; justify-content: space-between;}
.notice-wrap {display: flex;}
.notice-wrap li { min-height: 90px;}
.notice-wrap li h3 {font-size: 24px;}
.notice-wrap li button {font-size: 24px; color: #1F5591; margin-left: 10px;}
.notice-box {width: 245px; margin-left: 50px;}
.gray-box {padding: 5px 10px; background: #eaeaea; color: #878787; border-radius: 5px;}
.notice-box p {margin-top: 20px;}

.big-notice {display: flex; justify-content: space-between; }
.big-notice li {display: flex; width: 360px; cursor: pointer;}
.big-notice li:first-child {margin-right: 80px;}
.big-notice li img {margin-right: 25px;}
.big-notice li h3 {font-size: 24px; margin-bottom: 25px;}

/*footer 푸터*/
footer {width: 100%;    padding: 15px;}
.footer {width: 1880px; margin: 0 auto; background: rgba(236, 236, 244, 0.7); border-radius: 20px;}
.footer-top {padding: 30px 140px; display: flex; justify-content: space-between;  border-bottom: 1px solid rgba(161, 161, 184, 0.2);}
.footer-top ul {display: flex; }
.footer-top ul li {margin-right: 20px;}
.footer-top ul li a {color: #444;}
.footer-top ul li.strong a {color: #167BE8; font-weight: 600;}
.footer-bottom {padding: 30px 140px; display: flex; justify-content: space-between; align-items: center; color: #72747D;}
.footer-bottom a img {height: 38px; background-size: contain;}
.copyright ul {display: flex; margin-bottom: 5px;}
.copyright ul li {margin-right: 20px;}
.copyright ul li span {font-weight: 600; margin-right: 5px;}

/*sub-page 서브페이지*/
.sub-contet-wrap {width: 100%;}
.head-contet {width: 100%; margin: 0 auto; position: relative; display: flex; justify-content: center;}
.head-contet h1 {position: absolute; top: 50%; transform: translateY(-50%); left: 280px; color: #fff; font-size: 38px;}
.inner-wrap {width: 1440px; margin: 0 auto; padding: 70px 0;}
.top-bar {padding-bottom: 15px; border-bottom: 2px solid #444;}
.top-bar .top-title {display: flex; justify-content: center; position: relative;}
.top-bar .top-title ul { display: flex; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.top-bar .top-title ul li {margin-right: 5px;}
.top-bar .top-title ul li button {background: transparent; font-size: 18px;}
.sitemap {display:  flex; justify-content: center; align-items: center; margin-top: 30px;}
.sitemap li {margin-right: 20px; position: relative;}
.sitemap > li:not(:last-child):after {content: ">";   position: absolute; top: 50%; transform: translateY(-50%); right: -14px; color: #aaa; font-size: 12px;}
.sitemap li:last-child p {color: #1F5591; cursor: pointer;}
.sitemap li a {color: #555555;}
.sitemap li .sitemap-detail {display: none; position: absolute; right: -70px; top: 22px; border: 1px solid #ddd; min-width: 160px; background: #fff; margin-top: 5px; z-index: 20;}
.sitemap li .sitemap-detail li {padding: 12px 16px;  background: #fff; margin-right: 0; transition: .3s all; border-bottom: 1px solid #E9EEF8;}
.sitemap li .sitemap-detail li:hover {background: rgba(83, 96, 110, 0.1);}
.sitemap li .sitemap-detail li:hover a {color: #34A27E;}

.inner-contet {padding: 40px 70px; position: relative;}
.inner-contet .contet {width: 100%; min-height: 700px;    padding: 0 40px;}

/*준비중 콘텐츠*/
.contet.preparing {background: #F5F9FC; display: flex; justify-content: center; align-items: center;}
.contet.preparing div {text-align: center;}
.contet.preparing div ul {margin-top: 30px; line-height: 24px;}
.contet.preparing div ul li:first-child {font-size: 24px; font-family: 'pretendard Blod';}
.contet.preparing div ul li {margin-top: 20px;  font-family: 'pretendard Light';}

/*이용절차 안내 페이지*/
.contet > div {margin-bottom: 70px;}
.contet-tilte {margin-top: 30px; position: relative; display: flex; align-items: center;}
.contet-tilte::after {position: absolute; top: -25px; left: 0px; content: url(/images/renewal/txt_deco.png); background: no-repeat; }
.contet-tilte span {display: inline-block; text-align: center; color: #fff; background: #113D6D; margin-right: 10px; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; font-size: 15px;}
.procedure-box {width: 100%; padding: 30px 40px; margin-top: 20px; background: #fff; border-radius: 20px; box-shadow: 3px 3px 10px rgba(83, 96, 110, 0.5);}
.procedure-box li {display: flex; align-items: center; color: #666; line-height: 25px;}
.procedure-box > li:not(:last-child) { padding: 0 0 30px 0; border-bottom: 1px dashed #ddd; margin-bottom: 30px;}
.procedure-box li div {min-width: 95px; height: 95px; line-height: 95px; margin-right: 30px; text-align: center; font-size: 40px;  color: #fff; background: linear-gradient(to right, #34A27E 0%, #1F5591 100%); border-radius: 50%;}
.procedure-box li div svg {width: 40px;}
.procedure-txt {padding: 10px 15px 15px 40px; border-left: 1px solid #d9d9d9; box-sizing: border-box;}
.procedure-txt li h4 {font-size: 22px; margin-bottom: 15px; color: #113D6D; font-weight: 700;}
.procedure-txt li:not(:first-child) {line-height: 25px; color: #666;}
.procedure-txt li svg {font-size: 5px; margin-right: 7px; color: #aaa;}
.procedure-txt li svg {width: 5px;}
.procedure-txt li button {margin-bottom: 10px; margin-left: 5px;}
.procedure-txt li button svg {font-size: 16px; margin-left: 5px; color: #fff; margin-right: 0px;}
.procedure-txt li.sub-txt {color: #167BE8;}
.procedure-txt li.note-red {color: #ED1C24;}

.procedure-txt .process-list {display: flex; justify-content: space-between; align-items: center; margin-top: 10px; } 
.procedure-txt .process-list li {position: relative; display: flex;  flex-direction: column; border-radius: 5px; border: 1px solid #34A27E; margin-right: 50px; text-align: center; color: #212121;} 
.procedure-txt .process-list li:not(:last-child):after {content: url("/images/renewal/arrow-right.png"); position: absolute; right: -40px; top: 55%; transform: translateY(-50%); width: 25px;}
.procedure-txt .process-list li p:first-child {min-width: 150px; padding: 3px; background: #34A27E; color: #fff; text-align: center;}
.procedure-txt .process-list li:nth-child(even) p:first-child {background: #1F5591;} .procedure-txt .process-list li:nth-child(even) {border-color: #1F5591;}
.procedure-txt .process-list li p:last-child {min-height: 70px; background: #fff; display: flex;  flex-direction: column; justify-content: center; }

.contet #togglediv1 > div {margin-bottom: 70px;}
.contet #togglediv2 > div {margin-bottom: 70px;}
#togglediv1, #togglediv2 {padding: 0 37px;}
#togglediv2 {display: none;}

.contet-txt-wrap {padding: 20px 5px; line-height: 25px; color: #666;}
.contet-txt-wrap h3 {color: #1F5591; margin: 20px 0 10px; font-size: 18px;}
.contet-txt-wrap ul li {margin-left: 15px; list-style: disc;}
/*서브 페이지 quick menu*/
.remote-menu {position: fixed; right: 65px; top: 260px; text-align: center; box-shadow: 0px 3px 6px rgba(83, 96, 110, 0.5); border-radius: 15px; overflow: hidden; transition: transform 0.3s ease;}
.remote-menu ul li {padding: 10px 14px; border-bottom: 1px solid #ddd; cursor: pointer;  background: #fff; transition: .3s all; color: #555555;}
.remote-menu ul li:hover {background: #F5F9FC; color: #113D6D;}
.remote-menu ul li:first-child {background: #212121; color: #fff; font-weight: 600;}
.remote-menu ul li svg {margin-bottom: 10px;}
.remote-menu ul li:last-child {padding: 10px 0px; background: #34A27E; color: #fff;}
.remote-menu ul li:last-child svg {margin-bottom: 0;}

.span-btn {display: flex; align-items: center; margin-left: 10px;}
.span-btn button {border-radius: 7px; background: linear-gradient(#113D6D 0%, #113D6D 100%); color: #fff; margin: 5px 2px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); transition: 0.3s all; border: 1px solid #fff;}
.span-btn button:hover {background: linear-gradient(#34A27E 0%, #113D6D 100%); box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); opacity: 1;}

/*div 토글 버튼*/
.toggle-tab {display: flex; justify-content: center; align-items: center; margin: 0 auto; position: relative; }
.toggle-tab::after {content: ""; width: 100%; height: 60px; border: 1px dashed #34A27E; border-radius: 10px 10px 0 0; position: absolute; z-index: -1; border-bottom: none; top: 115%; transform: translateY(-50%);}
.toggle-tab li {padding: 15px; min-width: 280px; font-size: 18px; background: #fff; border: 1px solid #34A27E; border-radius: 10px; text-align: center; cursor: pointer; transition: .3s all;}
.toggle-tab li:first-child {border-radius: 10px 0 0 10px;}
.toggle-tab li:last-child {border-radius: 0 10px 10px 0;}
.toggle-tab li.active {background: #34A27E; color: #fff;}
.toggle-tab li:hover {background: #a5d6c6; color: #fff;}

@media (max-width: 1400px) {
  .remote-menu {
    display: none;
  }
}

/*qna 화면*/
.faq-list {margin-top: 50px;}
.faq-list .faq-item:first-child {border-top: 2px solid #555555;}
.qustion {width: 100%; padding: 27px 40px; border-bottom: 1px solid #ccc; display: flex; justify-content: space-between; align-items: center; font-size: 18px; font-weight: 700; cursor: pointer;}
.qustion span svg {color: #34A27E; font-size: 50px; margin-right: 30px;}
.qustion > span {display: flex; align-items: center;}
.answer {padding: 40px 80px 60px; background: #e9eef88a; display: none; border-bottom: 1px solid #ccc;}
.answer p > svg {font-size: 32px; color: #1F5591; margin-right: 5px;}
.answer > div {margin-left: 12px;}
.answer p {display: flex; align-items: center;}
.answer p:first-child {margin-bottom: 10px;}
.answer a {color: #167BE8; text-decoration: underline;}
.answer p span {font-weight: 600; color: #212121;}
.answer p button {margin-left: 10px; font-size: 12px; padding: 3px 10px; min-height: 27px;}

/*로그인, 아이디/비밀번호 찾기*/
.login-contet {display: flex; justify-content: space-between; margin-top: 50px;}
.id-find {width: 50%; padding: 30px 124px; line-height: 28px;}
.id-find:first-child {border-right: 1px solid #ddd;}
.id-find h3 { font-size: 24px; color: #3F4245; margin-bottom: 5px;}
.id-find p {margin-bottom: 20px; color: #555555;}
.find-form input {width: 395px; height: 45px; border: 1px solid #878787; border-radius: 3px; margin-bottom: 12px; padding: 7px;} 
.find-form button {width: 395px; height: 45px; background: #167BE8; color: #fff; justify-content: center; margin-bottom: 10px;}
.id-find input[type="checkbox"] {width: 15px; height: 15px; margin: 0; margin-right: 7px;}

/*회원가입*/
.join-order-list {display: flex; align-items: center; width: 100%; justify-content: space-between; margin: 60px auto;}
.join-order-list li {position: relative; width: 280px; background: #fff; padding: 20px; text-align: center; font-size: 20px; opacity: 0.7; box-shadow: 3px 3px 10px rgba(83, 96, 110, 0.3);}
.join-order-list li:not(:last-child):after {position: absolute; content: url("/images/renewal/arrow-right.png"); width: 45px; top: 50%; right: -55px; transform: translateY(-50%);}
.join-order-list li.active {opacity: 1; border: 1px solid #34A27E;}
.join-order-list li svg {margin-bottom: 7px; padding: 12px; width: 35px; height: 35px; background: linear-gradient(180deg, #34A27E 0%, #1F5591 100%); border-radius: 10px; color: #fff;}
.join-order-list li p {font-weight: 600; font-family: 'mont';}

.contet-txtarea {margin-top: 20px;}
.contet-txtarea > div {width: 100%; max-height: 300px; padding: 30px; overflow-y: auto; border: 1px solid #113D6D; line-height: 26px;}
.contet-txtarea > div strong {font-weight: 600; font-size: 18px; color: #167BE8; margin-bottom: 7px;}
.contet-txtarea div > div {padding-left: 12px; margin-top: 0;}
.agree-radio {margin-top: 15px; display: flex; justify-content: end;}

.contet-btn {display: flex; align-items: center; justify-content: center; margin-top: 40px;}
.contet-btn button {width: 120px; height: 40px; justify-content: center; font-size: 18px; margin-right: 10px;}

/*사이트 맵2*/
.subTreeMenu {position: absolute; top: 455px; left: 43%; display: flex;}
/* #userMenuSet {display: flex;} */
/* #userMenuSet li {margin-right: 20px; position: relative;}
#userMenuSet > li:not(:last-child):after {content: ">";   position: absolute; top: 50%; transform: translateY(-50%); right: -14px; color: #aaa; font-size: 12px;} */
.treeBox {display: none; position: absolute; right: -70px; top: 22px; border: 1px solid #ddd; min-width: 160px; background: #fff; margin-top: 5px; z-index: 20;}
.treeBox li {padding: 12px 16px;  background: #fff; margin-right: 0; transition: .3s all; border-bottom: 1px solid #E9EEF8;}
.treeBox li:hover {background: rgba(83, 96, 110, 0.1); color: #34A27E;} 

/*회원가입절차*/
.step-div-list {width: 100%; display: flex; gap: 30px 120px; justify-content: center; align-items: center; flex-wrap: wrap;}
.step-div {padding: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 210px; height: 140px; border-radius: 15px; box-shadow: 0px 0px 6px rgba(83, 96, 110, 0.3);}
.step-div svg {font-size: 30px; color: #113D6D;margin-bottom: 10px;}
.step-div p:first-of-type {font-size: 14px; font-weight: 600; background: #1F5591; color: #fff; padding: 3px 12px; border-radius: 20px; margin: 5px 0;}
.step-div p:last-of-type {font-size: 18px; font-family: 'pretendard SemiBlod';}
.step-div-list div:not(:first-child) {position: relative;}
.step-div-list div:not(:first-child)::after {position: absolute; content: url("/images/renewal/arrow-right.png"); width: 40px; top: 50%; left: -77px; transform: translateY(-50%);}

/*모달*/
.modal-wrap {display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); z-index: 999; overflow: hidden;}
.wp_cnt {min-width: 550px; padding: 35px 30px 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);}
.tip {padding: 10px; background: #EAF2FA; color: #113D6D;}
.modal-wrap .group_content {padding: 15px 0;}
.modal-wrap .group_content label {position: relative; padding-left: 10px; margin-bottom: 10px;}
.modal-wrap .group_content label::after {content: ""; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 4px; height: 100%; background: #113D6D;}
.modal-wrap .group_content input[type="text"] {padding: 5px 7px; border: 1px solid #ddd; width: 100%; margin: 5px 0; min-height: 30px; border-radius: 7px;}
.modal-wrap .g_content_btn {display: flex; justify-content: center; align-items: center; margin-top: 10px; padding: 15px 0 10px; border-top: 1px solid #ddd;}
.modal-wrap .g_content_btn span:not(:last-of-type) {margin-right: 5px;}
.btg_blue {padding: 10px; background: #113D6D; color: #fff; border-radius: 3px; min-width: 80px; text-align: center;}
.btg_blue.gray {background: #707070;}

.contet-txt-wrap.background {background: #EAF2FA; padding: 25px 35px; border-radius: 15px;}

.check {width: 100%; padding: 15px 10px; display: flex; justify-content: flex-end; align-items: center;}
.check input[tpye="checkbox"] {margin-right: 5px;}
.checkbox-inline em {color: #113D6D; font-weight: 600;}

/*사이트맵 테이블*/
.sitemap-table {margin-top: 5px; display:table; table-layout:fixed; width:100%; height:auto; border-top: 2px solid #aaa; background-color:#fff; border-collapse:collapse; border-spacing: 1px;}
.sitemap-table tr {display: table-row !important; border-bottom: 1px solid #D1D1D1;}
.sitemap-table tr > th,
.sitemap-table tr > td {position:relative; height:35px;  font-size:14px; border-bottom: 1px solid #D1D1D1;}
.sitemap-table tr > th {padding: 25px 14px; border-right: 1px solid #ddd; text-align: left; font-size: 18px;}
.sitemap-table tr > td {padding: 60px 60px;}
.sitemap-table ul {display: flex; }
.sitemap-table ul li:not(:last-of-type) {margin-right: 45px;}
.sitemap-table ul li a {position: relative; font-size: 20px; color: #707070; transition: all .3s;}
.sitemap-table ul li a:hover {color: #34A27E;}
.sitemap-table ul li a::after {content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #ccc; top: 50%; left: -15px; transform: translateY(-50%);transition: all .3s; }
.sitemap-table ul li a:hover::after {background-color: #34A27E;}

.box.select-box {display: inline-block; width: 33%; left: 50%; position: absolute; border: 1px solid #5e6977; margin: 40px auto; transform: translateX(-50%); padding: 15px 35px 60px;}
.box.select-box  .accoutSearch .btn_group  {position: absolute; transform: translate(5%, 250%); width: 60%;}
.content_auth.select-list img {margin-right: 10px;}


/*사이트맵 테이블*/
.sitemap-table {margin-top: 5px; display:table; table-layout:fixed; width:100%; height:auto; border-top: 2px solid #aaa; background-color:#fff; border-collapse:collapse; border-spacing: 1px;}
.sitemap-table tr {display: table-row !important; border-bottom: 1px solid #D1D1D1;}
.sitemap-table tr > th,
.sitemap-table tr > td {position:relative; height:35px;  font-size:14px; border-bottom: 1px solid #D1D1D1;}
.sitemap-table tr > th {padding: 25px 14px; border-right: 1px solid #ddd; text-align: left; font-size: 18px;}
.sitemap-table tr > td {padding: 60px 60px;}
.sitemap-table ul {display: flex; }
.sitemap-table ul li:not(:last-of-type) {margin-right: 45px;}
.sitemap-table ul li a {position: relative; font-size: 20px; color: #707070; transition: all .3s;}
.sitemap-table ul li a:hover {color: #34A27E;}
.sitemap-table ul li a::after {content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #ccc; top: 50%; left: -15px; transform: translateY(-50%);transition: all .3s; }
.sitemap-table ul li a:hover::after {background-color: #34A27E;}

.box.select-box {display: inline-block; width: 33%; left: 50%; position: absolute; border: 1px solid #5e6977; margin: 40px auto; transform: translateX(-50%); padding: 15px 35px 60px;}
.box.select-box  .accoutSearch .btn_group  {position: absolute; transform: translate(5%, 250%); width: 60%;}
.content_auth.select-list img {margin-right: 10px;}

/*테이블 인풋*/
.nano-table input[type="text"], 
.nano-table input[type="password"], 
.nano-table input[type="number"] {min-width: 250px; height: 30px; border: 1px solid #ddd; margin-right: 7px; border-radius: 5px; padding: 5px 7px;}

/*슬라이드*/
.main-slide {width: 100%; height: 570px; overflow: hidden; position: relative;}
.main-slide h1 {position: absolute; top: 35%; left: 100px; color: #fff; font-size: 46px;  font-family: 'pretendard Light'; z-index: 15;}
.main-slide h1 span {font-weight: 700; margin-left: 65px; position: relative;}
.main-slide h1 span::before {content: ""; position: absolute; top: 50%; left: -55px; width: 45px; height: 3px; background-color: #fff;}
.main-slide img {width: 100%; object-fit: cover;}
.main-slide .swiper-slide::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}
.main-slide .swiper-pagination-bullets.swiper-pagination-horizontal{position: absolute; top: 57%; left: -770px;}
.main-slide .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {margin: 0 20px !important; background-color: #FFFFFF; opacity: 0.7; width: 10px; height: 10px;}
.main-slide .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active {background-color: #F67835;}

.notice-box p {width: 250px; max-height: 115px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;   -webkit-box-orient: vertical;}
.big-notice li img {width: 100px; object-fit: contain;}