@charset "UTF-8";
.icon { display: block; width: 1.5rem; height: 1.3rem; background-repeat: no-repeat; }

.icon.arrow { background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='18'%3E%3Cpath fill-rule='evenodd' fill='%23000' d='M10.414 16.071L9 17.485.515 8.999 9 .514l1.414 1.415L3.343 9l7.071 7.071z'/%3E%3C/svg%3E"); width: 1.1rem; height: 1.8rem; background-size: 100%; }

.icon.arrow-top { background-image: url("data:image/svg+xml;charset=utf8, %0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11'%3E%3Cpath fill-rule='evenodd' fill='%23000' d='M16.071 10.414L9 3.343l-7.072 7.071L.514 9 9 .515 17.485 9l-1.414 1.414z'/%3E%3C/svg%3E"); }

.icon.arrow-top--white { background-image: url("data:image/svg+xml;charset=utf8, %0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11'%3E%3Cpath fill-rule='evenodd' fill='%23fff' d='M16.071 10.414L9 3.343l-7.072 7.071L.514 9 9 .515 17.485 9l-1.414 1.414z'/%3E%3C/svg%3E"); background-size: cover; }

.icon.arrow-fill { background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26'%3E%3Cpath fill-rule='evenodd' fill='%23ff0077' d='M15 25.997L.002-.001h29.996L15 25.997z'/%3E%3C/svg%3E"); }

.icon.arrow-fill__white { width: 2.1rem; width: 1.5rem; background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26'%3E%3Cpath fill-rule='evenodd' fill='%23ffffff' d='M15 25.997L.002-.001h29.996L15 25.997z'/%3E%3C/svg%3E"); background-size: 100%; background-repeat: no-repeat; background-position: center; }

.icon.arrow-fill__gray { width: 2.1rem; width: 1.5rem; background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26'%3E%3Cpath fill-rule='evenodd' fill='%23cccccc' d='M15 25.997L.002-.001h29.996L15 25.997z'/%3E%3C/svg%3E"); background-size: 100%; background-repeat: no-repeat; background-position: center; }

.icon.arrow-fill__dgray { width: 1.5rem; width: 1.3rem; background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26'%3E%3Cpath fill-rule='evenodd' fill='%2378838c' d='M15 25.997L.002-.001h29.996L15 25.997z'/%3E%3C/svg%3E"); background-size: 100%; background-repeat: no-repeat; background-position: center; }

.icon.arrow-round { background-image: url("data:image/svg+xml;charset=utf8, "); }

.icon.arrow-back { background-image: url("data:image/svg+xml;charset=utf8, "); }

.icon.arrow-top { background-image: url("data:image/svg+xml;charset=utf8, %0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11'%3E%3Cpath fill-rule='evenodd' fill='%23ff0077' d='M16.071 10.414L9 3.343l-7.072 7.071L.514 9 9 .515 17.485 9l-1.414 1.414z'/%3E%3C/svg%3E"); }

.icon.arrow-left { background-image: url("data:image/svg+xml;charset=utf8, "); }

.icon.arrow-first { background-image: url("data:image/svg+xml;charset=utf8, "); }

.icon.arrow-last { background-image: url("data:image/svg+xml;charset=utf8, "); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.icon.arrow-prev { background-image: url("data:image/svg+xml;charset=utf8, "); background-size: cover; }

.icon.arrow-next { background-image: url("data:image/svg+xml;charset=utf8, "); background-size: cover; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.icon.arrow-right { background-image: url("data:image/svg+xml;charset=utf8, "); }

.icon.arrow-more { background-image: url("data:image/svg+xml;charset=utf8, "); }

.icon-progress { background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='18'%3E%3Cpath fill-rule='evenodd' fill='%23000' d='M14.847 8.76L-.002 17.333V.187L14.847 8.76z'/%3E%3C/svg%3E"); }

.icon .circle { background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='369' height='368'%3E%3Cpath stroke='rgb(255, 255, 255)' fill='none' opacity='.302' d='M184.5 3.5c99.963 0 181 80.813 181 180.5s-81.037 180.5-181 180.5c-99.964 0-181-80.813-181-180.5S84.536 3.5 184.5 3.5z'/%3E%3C/svg%3E"); background-size: cover; }

.icon .square { background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='368' height='368'%3E%3Cpath stroke='rgb(255, 255, 255)' fill='none' opacity='.302' d='M3.5 3.5h361v361H3.5V3.5z'/%3E%3C/svg%3E"); background-size: cover; }

.icon .triangle { background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='422' height='369'%3E%3Cpath class='tri' stroke='rgb(255, 255, 255)' fill='none' opacity='.302' d='M418.472 365.486H3.49L210.981 4.483l207.491 361.003z'/%3E%3C/svg%3E"); background-size: cover; }

.icon { display: block; width: 1.5rem; height: 1.3rem; background-repeat: no-repeat; }

.icon.arrow { background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='18'%3E%3Cpath fill-rule='evenodd' fill='%23000' d='M10.414 16.071L9 17.485.515 8.999 9 .514l1.414 1.415L3.343 9l7.071 7.071z'/%3E%3C/svg%3E"); width: 1.1rem; height: 1.8rem; background-size: 100%; }

.icon.arrow-top { background-image: url("data:image/svg+xml;charset=utf8, %0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11'%3E%3Cpath fill-rule='evenodd' fill='%23000' d='M16.071 10.414L9 3.343l-7.072 7.071L.514 9 9 .515 17.485 9l-1.414 1.414z'/%3E%3C/svg%3E"); }

.icon.arrow-top--white { background-image: url("data:image/svg+xml;charset=utf8, %0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11'%3E%3Cpath fill-rule='evenodd' fill='%23fff' d='M16.071 10.414L9 3.343l-7.072 7.071L.514 9 9 .515 17.485 9l-1.414 1.414z'/%3E%3C/svg%3E"); background-size: cover; }

.icon.arrow-fill { background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26'%3E%3Cpath fill-rule='evenodd' fill='%23ff0077' d='M15 25.997L.002-.001h29.996L15 25.997z'/%3E%3C/svg%3E"); }

.icon.arrow-fill__white { width: 2.1rem; width: 1.5rem; background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26'%3E%3Cpath fill-rule='evenodd' fill='%23ffffff' d='M15 25.997L.002-.001h29.996L15 25.997z'/%3E%3C/svg%3E"); background-size: 100%; background-repeat: no-repeat; background-position: center; }

.icon.arrow-fill__gray { width: 2.1rem; width: 1.5rem; background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26'%3E%3Cpath fill-rule='evenodd' fill='%23cccccc' d='M15 25.997L.002-.001h29.996L15 25.997z'/%3E%3C/svg%3E"); background-size: 100%; background-repeat: no-repeat; background-position: center; }

.icon.arrow-fill__dgray { width: 1.5rem; width: 1.3rem; background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26'%3E%3Cpath fill-rule='evenodd' fill='%2378838c' d='M15 25.997L.002-.001h29.996L15 25.997z'/%3E%3C/svg%3E"); background-size: 100%; background-repeat: no-repeat; background-position: center; }

.icon.arrow-round { background-image: url("data:image/svg+xml;charset=utf8, "); }

.icon.arrow-back { background-image: url("data:image/svg+xml;charset=utf8, "); }

.icon.arrow-top { background-image: url("data:image/svg+xml;charset=utf8, %0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11'%3E%3Cpath fill-rule='evenodd' fill='%23ff0077' d='M16.071 10.414L9 3.343l-7.072 7.071L.514 9 9 .515 17.485 9l-1.414 1.414z'/%3E%3C/svg%3E"); }

.icon.arrow-left { background-image: url("data:image/svg+xml;charset=utf8, "); }

.icon.arrow-first { background-image: url("data:image/svg+xml;charset=utf8, "); }

.icon.arrow-last { background-image: url("data:image/svg+xml;charset=utf8, "); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.icon.arrow-prev { background-image: url("data:image/svg+xml;charset=utf8, "); background-size: cover; }

.icon.arrow-next { background-image: url("data:image/svg+xml;charset=utf8, "); background-size: cover; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.icon.arrow-right { background-image: url("data:image/svg+xml;charset=utf8, "); }

.icon.arrow-more { background-image: url("data:image/svg+xml;charset=utf8, "); }

.icon-progress { background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='18'%3E%3Cpath fill-rule='evenodd' fill='%23000' d='M14.847 8.76L-.002 17.333V.187L14.847 8.76z'/%3E%3C/svg%3E"); }

.icon .circle { background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='369' height='368'%3E%3Cpath stroke='rgb(255, 255, 255)' fill='none' opacity='.302' d='M184.5 3.5c99.963 0 181 80.813 181 180.5s-81.037 180.5-181 180.5c-99.964 0-181-80.813-181-180.5S84.536 3.5 184.5 3.5z'/%3E%3C/svg%3E"); background-size: cover; }

.icon .square { background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='368' height='368'%3E%3Cpath stroke='rgb(255, 255, 255)' fill='none' opacity='.302' d='M3.5 3.5h361v361H3.5V3.5z'/%3E%3C/svg%3E"); background-size: cover; }

.icon .triangle { background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='422' height='369'%3E%3Cpath class='tri' stroke='rgb(255, 255, 255)' fill='none' opacity='.302' d='M418.472 365.486H3.49L210.981 4.483l207.491 361.003z'/%3E%3C/svg%3E"); background-size: cover; }

@-webkit-keyframes hover-ani { 0% { opacity: 0.3;
    stroke-dashoffset: 0; }
  100% { opacity: 1;
    stroke-dashoffset: 4000; } }

@keyframes hover-ani { 0% { opacity: 0.3;
    stroke-dashoffset: 0; }
  100% { opacity: 1;
    stroke-dashoffset: 4000; } }

.color-pink { color: #de1573 !important; }

.color-blue { color: #003263 !important; }

.mt_10 { margin-top: 1rem; }

.ml_10 { margin-left: 1rem; }

.mb_10 { margin-bottom: 1rem; }

.mt_20 { margin-top: 2rem; }

.mt_30 { margin-top: 3rem !important; }

.mt_35 { margin-top: 3.5rem; }

.mt_40 { margin-top: 4rem; }

.mt_50 { margin-top: 5rem; }

.mb_40 { margin-bottom: 4rem; }

.mb_50 { margin-bottom: 5rem; }

.mt_60 { margin-top: 6rem; }

.my_4 { margin-top: 4rem; margin-bottom: 4rem; }

.mx_2 { margin-left: 2rem; margin-right: 2rem; }

.px_2 { padding-left: 2rem; padding-right: 2rem; }

.py_4 { padding-top: 4rem; padding-bottom: 4rem; }

:root { --npix: 140rem; }

.tab__inner, .content-core__inner { width: 140rem; max-width: 140rem; }

.mobile { display: none; }

/* 공통 */
html { font-size: 62.5%; }

@media (max-width: 1400px) { html { font-size: 55%; } }

@media (max-width: 1200px) { html { font-size: 50%; } }

@media (max-width: 720px) { html { font-size: 45%; } }

@media (max-width: 540px) { html { font-size: 40%; } }

@media (max-width: 360px) { html { font-size: 35%; } }

.wrap { position: relative; min-height: 100%; overflow: hidden; }

/* header */
.sitemap__logo { width: 3.7rem; margin-right: 3.5rem; }

.sitemap__logo button { width: 100%; }

.sitemap__logo button img { width: 100%; }

.titie { font-size: 1.875em; }

/* content */
.content__inner { /* footer */ }

.content__inner .footer { background: #87c121; }

.content__inner .footer .footer__inner { padding: 4rem 2.7%; color: #fff; font-size: 1.9rem; font-weight: 200; text-align: center; }

.content__inner .footer .footer__inner .private { margin-bottom: 3.5rem; }

.content__inner .footer .footer__inner .private p { position: relative; margin-right: 3rem; }

.content__inner .footer .footer__inner .private p a { font-size: 1.9rem; color: #fff; }

.content__inner .footer .footer__inner .private p + p::before { position: absolute; left: -1.5rem; content: "|"; }

.content__inner .footer .footer__inner .private p:last-child { padding-right: 0rem; }

.content__inner .footer .footer__inner p.tel { font-size: 2.4rem; font-weight: 600; color: #fff; }

.content__inner .footer .footer__inner .busi-info { position: relative; margin-top: 4rem; line-height: 3rem; z-index: 999; }

.content__inner .footer .footer__inner .busi-info button { color: #fff; font-size: 1.9rem; }

.content__inner .footer .footer__inner .busi-info button span { padding-right: .5rem; font-size: 1.9rem; font-weight: 600; }

.content__inner .footer .footer__inner .busi-info button img { margin-left: 1rem; -webkit-transition: all .2s; transition: all .2s; }

.content__inner .footer .footer__inner .busi-info button.show img { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.content__inner .footer .footer__inner .busi-info__more p { font-size: 1.9rem; }

.content__inner .footer .footer__inner .busi-copy p { line-height: 3rem; font-size: 1.9rem; }

.content__inner .footer .footer__inner .busi-copy p span { display: block; font-size: 1.7rem; }

/* modal */
.modal-open { overflow: hidden !important; }

.modal-content { border: none; height: 100%; }

/* .modal-dialog { max-width: 100%; height: 100%; margin: 0; } */

.modal-dialog.pop { max-width: 100%; margin: 0 2rem; }

.modal-dialog.pop .modal-content { height: auto; background: transparent; }

.modal-dialog.pop .modal-content .modal-body { position: unset; min-height: auto; left: 2rem; border-radius: .75rem; }

/* .modal-header { min-height: 17.8rem; padding: 0 3.5rem; border-bottom: 1px solid; background: #fff; } */
.modal-header{padding:2rem 3rem;}
.modal-header button { margin: 0; }

.modal-header button.button__icon-close { position: absolute; right: 3.5rem; margin: 0; padding: 0; z-index: 1; }

.modal-header h5 { position: absolute; left: 50%; width: auto; margin-top: 0; font-size: 3.5rem; font-weight: 600; color: #000; text-align: center; z-index: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.modal-body { padding:2rem 3rem; font-size:2rem;     line-height: normal;}
.modal .close{background:url(../image/icon/icon-plus.png); background-size:cover; transform:rotate(45deg)}
.modal .close, .modal .close:not(:disabled):not(.disabled):focus, .modal .close:not(:disabled):not(.disabled):hover { opacity: 1; margin: 0; }


.modal-open { padding-right: 0 !important; }

.modal.nobg { padding: 0 2rem !important; background: transparent; }

.modal.nobg .modal-content { border-radius: 0.75rem; }

.modal.nobg .modal-body { padding: 7.5rem 0 0 0; }

.modal.nobg h2 { padding: 0; font-size: 3.5rem; font-weight: 600; color: #000; }

.modal.nobg h2 + p { margin-top: 2.5rem; margin-bottom: 7.5rem; }

.modal.nobg p { font-size: 2.5rem; margin-bottom: 0; }

/* button */
.button-wrap button { height: 5rem; padding: 0 3.7rem; font-size: 1.8rem; font-weight: 200; color: #fff; background: #003263; }

.button-wrap button.green { background: #87c121; border-color: #87c121; color: #fff; font-weight: 500; }

.button-wrap button + button { margin-left: 1rem; }

/* ul */
ul.list-dashed { position: relative; }

ul.list-dashed li { position: relative; padding-left: 1rem; font-size: 2rem; color: #000; line-height: 3rem; }

ul.list-dashed li::before { position: absolute; top: 1.4rem; left: 0; width: .4rem; height: .2rem; background: #000; content: ""; }

/* checkbox */
.form-check { position: relative; padding-left: 0; }

.form-check input[type='checkbox'] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.form-check input[type='checkbox'] + label { display: inline-block; position: relative; padding-left:3rem; cursor: pointer; font-size: 1.8rem; color: #000; }

.form-check input[type='checkbox'] + label::before { /* 가짜 체크박스 */ content: ' '; display: inline-block; position:absolute; left:0; width: 1.9rem; /* 체크박스의 너비를 지정 */ height: 1.9rem; /* 체크박스의 높이를 지정 */ margin: -.0rem 1.1rem 0 0; text-align: center; vertical-align: middle; border: .1rem solid #000; border-radius: 0; }

.form-check input[type="checkbox"] + label:active:before, .form-check input[type="checkbox"]:checked + label:active:before { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); }

.form-check input[type="checkbox"]:checked + label { color: #000; }

.form-check input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: ''; /* 체크표시 유니코드 사용 */ background: #fff url(../image/icon/icon-check.png) no-repeat center center; background-size:1.2rem 1rem}

/* ridiobox */
.checks { position: relative; }

.checks p { margin-right: 4rem; font-size: 1.8rem; }

.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.checks input[type="radio"] + label { display: inline-block; position: relative; width: 18rem; padding-left: 3rem; margin-bottom: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 1.8rem; }

.checks input[type="radio"] + label::before { content: ''; position: absolute; left: 0; top: -.05rem; width: 1.9rem; height: 1.9rem; text-align: center; background: #fff; border: .1rem solid #cdcdcd; border-radius: 100%; }

.checks input[type="radio"]:checked + label::before { background: #fff; border-color: #000; }

.checks input[type="radio"]:checked + label::after { content: ''; position: absolute; top: 3.5px; left: 4px; width: 1.1rem; height: 1.1rem; background: #000; border-radius: 100%; border: 0.1rem solid #003263; }

/* table */
.table__inner table { border-top: .2rem solid #003263; table-layout: fixed; }

.table__inner table tr.border-bottom { border-bottom: .1rem solid; }

.table__inner table th, .table__inner table td { padding: 3rem 0; font-size: 1.8rem; vertical-align: middle; }

.table__inner table th { text-align: center; }

.table__inner table td { padding: 3rem 0; padding-left: 4rem; }

.table__inner table td table { display: block; border: none; }

.table__inner table td table th, .table__inner table td table td { border-top: none; }

.table__inner table td table th { padding: 2.5rem 0; }

.table__inner table td table td { padding: 2.5rem 0; padding-left: 4rem; }

.table__inner table td input { height: 4.5rem; border-bottom: .1rem solid #d9d9d9;  border-radius:0; line-height:4.5rem;}

.table__inner table td input::-webkit-input-placeholder { font-size: 1.8rem; font-weight: 200; color: #cccccc; }

.table__inner table td input:-ms-input-placeholder { font-size: 1.8rem; font-weight: 200; color: #cccccc; }

.table__inner table td input::-ms-input-placeholder { font-size: 1.8rem; font-weight: 200; color: #cccccc; }

.table__inner table td input::placeholder { font-size: 1.8rem; font-weight: 200; color: #cccccc; }

.table__inner table td .width-m { width: 56%; }

.table__inner table td textarea { width: 100%; height: 26.7rem; padding: 2rem; margin-bottom: 1rem; font-size: 1.8rem; border-color: #d9d9d9; resize: none; }

.table__inner table td textarea::-webkit-input-placeholder { font-size: 1.8rem; font-weight: 200; color: #cccccc; }

.table__inner table td textarea:-ms-input-placeholder { font-size: 1.8rem; font-weight: 200; color: #cccccc; }

.table__inner table td textarea::-ms-input-placeholder { font-size: 1.8rem; font-weight: 200; color: #cccccc; }
.table__inner table td textarea::placeholder { font-size: 1.8rem; font-weight: 200; color: #cccccc; line-height:normal}

.table__inner table td select { width: 40rem; height:4.5rem; margin-right: 1rem; border-bottom: .1rem solid #d5d5d5; background: url(../image/icon/icon-selectdown__fill.png) no-repeat right 1rem center; background-size:1.4rem 1.2rem; border-radius:0; line-height:4.5rem;}

/* pagination */
.paging { margin-top: 1rem; }

.paging__inner a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.8rem; height: 3.8rem; margin-right: 1rem; color: #000; font-size: 1.6rem; border-radius: 100%; }

.paging__inner a.prev, .paging__inner a.next { width: 3.8rem; height: 3.8rem; border: .1rem solid #d9d9d9; border-radius: 100%; }

.paging__inner a.prev i { width: .8rem; height: 1.4rem; background: url(../image/icon/arrow-prev.png) no-repeat center; background-size: cover; }

.paging__inner a.next { margin-right: 0; }

.paging__inner a.next i { width: .8rem; height: 1.4rem; background: url(../image/icon/arrow-prev.png) no-repeat center; background-size: cover; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.paging__inner a.on { color: #fff; background: #003263; }

.paging__inner a:nth-child(3) { margin-left: 0; }





/*=============== reponsive ===============*/
@media all and (max-width: 1400px) { :root { --npix: 100%; }
  .tab__inner, .content-core__inner { width: 100%; padding: 0 2rem; }
  .gnb__inner { padding: 0; } }

.content__inner.sub { margin-bottom: 10rem; }

.sub-visual { position: relative; top: 0; }

.sub-visual__inner { position: relative; width: 100%; height: 36rem; margin-top: -11rem; background: url(../image/sub-visual01.jpg); padding-top: 18.5rem; background-size:cover; background-position:right center;}

.sub-visual__inner h1 { font-size: 4.8rem; font-weight: 500; color: #fff; text-align: center; }

.sub-visual__inner h3 { font-size: 3.5rem; font-weight: 500; }

.sub-title { display: inline-block; position: relative; left: 50%; width: auto; margin: 0 auto; margin-bottom: 6.5rem; padding: 0 5rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.sub-title::before { position: absolute; left: 0; bottom: -2rem; width: 100%; height: .1rem; background: #000; content: ""; }

.sub-title h2 { position: relative; font-size: 4.4rem; font-weight: 500; color: #000; text-align: center; line-height: unset; }

.sub-title h2::before { display: block; position: absolute; bottom: -1.95rem; left: -4.5rem; width: 1.5rem; height: 2.1rem; background: url(../image/icon/icon-tree.png); background-size: cover; content: ""; }

.sub-title h2::after { display: block; position: absolute; bottom: -1.95rem; right: -4.5rem; width: 2.9rem; height: 2.1rem; background: url(../image/icon/icon-tent.png); background-size: cover; content: ""; }

.breadcrumb { margin-top: 2.5rem; padding: 0; background: none; }

.breadcrumb li + li { position: relative; margin-left: 2.4rem; }

.breadcrumb li + li::before { position: absolute; left: -1.6rem; display: inline-block; font-size: 1.6rem; color: #fff; content: ">"; }

.breadcrumb a { color: #fff; font-size: 1.6rem; font-weight: 200; }

.breadcrumb a.home { display: inline-block; width: 2.2rem; height: 1.3rem; }

.breadcrumb a.home i { display: inline-block; width: 100%; height: 100%; background: url(../image/icon/icon-home.png); }

.tab { border-bottom: .1rem solid #e3e3e3; }

.tab.fix { position: fixed; top: 0; width: 100%; background: #ffffff; z-index: 2; }

.tab__inner { margin: 0 auto; }

.tab__inner li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 8rem; }

.tab__inner li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; font-size: 2rem; color: rgba(0, 0, 0, 0.5); }

.tab__inner li.on { position: relative; }

.tab__inner li.on::before { position: absolute; bottom: -.1rem; width: 100%; height: .4rem; background: #003263; content: ""; }

.tab__inner li.on a { color: #003263; font-weight: 500; }

.content-core__inner { margin: 0 auto; padding-top: 8rem; }

.content-tab { margin-bottom: 5.5rem; border-top: .1rem solid #d9d9d9; border-bottom: .1rem solid #d9d9d9; }

.content-tab li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 8rem; }

.content-tab li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; font-size: 1.8rem; text-align:center;}

.content-tab li.on { position: relative; }

.content-tab li.on::before { position: absolute; bottom: -.1rem; width: 100%; height: .2rem; background: #00285b; content: ""; }

.content-tab li.on a { font-weight: 500; color: #003263; }

.tabcontent { display: none; }

.tabcontent > div + div { margin-top: 12.5rem; }

.tabcontent.current { display: block; }

.tabcontent h3 { margin-bottom: 5rem; font-size: 3.5rem; font-weight: 500; text-align: center; line-height: unset; }

.tabcontent h4 { font-size: 3.5rem; font-weight: 500; line-height:normal}

.tabcontent h5 { margin-bottom:3rem; font-size: 2.5rem; font-weight: 500; text-align: center; }

.tabcontent h5::before { top: -2.5rem; height: calc(100% * 10.3); }

.tabcontent p { width:67.86%; margin:0 auto; font-size: 2rem; line-height:normal; font-weight:200; text-align:left}

.tabcontent ul li { display: -webkit-box; display: flex; display: -ms-flexbox; display: flex; color: #000; font-size: 1.8rem; line-height: 3.2rem; }

.tabcontent ul li b { font-size: 1.8rem; font-weight: 500; }

.tabcontent ul li span { margin-left: auto; font-size: 1.8rem; }

.tabcontent .swiper-thumb__top .swiper-slide { margin-top: 0rem; border-top: none; }

.tabcontent .swiper-thumb__bottom { margin-top: 2rem; }

.tabcontent .swiper-thumb__bottom .swiper-slide { padding-top: 24.7%; }

.tabcontent .swiper-thumb__bottom .swiper-slide-thumb-active::before { border-width: .5rem; }

.team-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top:0; left:0; width: 100%; height: 6rem; padding-left: 1.8rem; font-size: 2.5rem; font-weight: 400; color: #fff; background: #003263; border: .1rem solid #d9d9d9; border-bottom: none; z-index: 2; }

/* Who's Your Z Tents */
.who > div + div { margin-top: 5rem; }

.message { margin-top: 5rem; margin-bottom: 14rem; }

.message-text { padding-right: 20.5rem; }

.message-text p, .message-text span { font-size: 2rem; }

.message-text p { font-weight: 200; line-height: 3.5rem; }

//*.message-text p:first-child { font-size: 3.5rem; }*//

.message-text p:first-child span { font-size: 3.5rem; font-weight: 500; }

.message-text p:nth-child(2) { margin-top: 4.5rem; font-size: 2.5rem;}

.message-text p:nth-child(2) span { margin-top: 4.5rem; font-size: 2.5rem; font-weight: 500;}

.message-text p:nth-child(n+3) { margin-top: 5rem; }

.message-text p:nth-child(4) { font-size: 1.8rem; font-weight: 200; }

.message-text p:nth-child(4) span { font-size: 1.8rem; font-weight: 300; }

.message-img { position: relative; }

.message-img::before { position: absolute; top: -5rem; left: 7.5rem; width: calc(100% * 2 + 8.5rem); height: calc(100% + 14rem); background: #f4f6f8; content: ""; z-index: -1; }

.org { position: relative; }

/* .org::before { position: absolute; top: 0; left: -26rem; width: calc(100% + 52rem); height: 100%; background: #f9f9f9; z-index: -1; content: ""; } */

.org h2 { padding-top: 5rem; }

.org-img { padding-bottom: 5rem; }

.bg-gray { position: relative; }

.bg-gray::before { position: absolute; top: 0; left: -26rem; width: calc(100% + 52rem); height: 100%; background: #f4f6f8; z-index: -1; content: ""; }

.width-s { width: 99.5rem; margin: 0 auto; }

.width-s.bg-gray::before { position: absolute; top: 0; left: -26rem; width: calc(100% + 52rem); height: 100%; background: #f4f6f8; z-index: -1; content: ""; top: -23rem; left: -46.5rem; width: calc(100% + 93rem); height: calc(100% - 13rem); }

.cont-title { font-weight: 500; }

.manager::before { height: 50%; }

/* News */
.board-list .total { font-size: 1.8rem; font-weight: 200; }

.board-list .total span { font-size: 1.8rem; font-weight: 500; color: #003263; }

.board-list__inner { margin-left: -1.5rem; margin-right: -1.5rem; }

.board-list__inner li { float: left; width: 25%; margin-bottom: 4rem; padding: 0 1.5rem; }

.board-list__inner .img-wrap { width: 100%; height: 18.4rem; border: .1rem solid #d9d9d9; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.board-list__inner .title { margin-top: 3rem; font-size: 1.8rem; overflow: hidden; text-overflow: ellipsis; line-height: 2.4rem; height: 4.8rem; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.board-list__inner .date { margin-top: 2rem; font-size: 1.6rem; color: #747478; }

.board-top { margin-bottom: 4rem; }

.board-top > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.board-search > * { width: 50%; margin-right: .5rem; border-bottom: .1rem solid #000; }

.board-search select { display: block; width: 25%; margin-right: 1rem; border-radius:0; background: url(../image/icon/icon-selectdown.png) no-repeat center right 2rem; }

.board-view__inner .board-top { padding: 5rem 0; text-align: center; border-top: 0.2rem solid #003263; border-bottom: .1rem solid #d5d5d5; }

.board-view__inner .board-top .title { font-size: 3.5rem; font-weight: 500; color: #000; }

.board-view__inner .board-top .date { margin-top: 4.5rem; font-size: 1.8rem; color: #747478; }

.board-view .board-content { position: relative; padding: 5rem 0; }
.board-view .board-content > *, .board-view .board-content > *>*{font-size:1.6rem}

.board-prevnext{padding-top:5rem; border-top:.1rem solid #d5d5d5;}
.board-prevnext > div { display: -webkit-box; display: flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.board-prevnext > div a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; font-size: 1.8rem; line-height: 2.4rem; }

.board-prevnext > div.prev a { padding-left: 7.5rem; background: url(../image/icon/list-prev.png) no-repeat left 3rem center; }

.board-prevnext > div.list { -webkit-box-flex: 0.5; -ms-flex: 0.5; flex: 0.5; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }

.board-prevnext > div.next { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; }

.board-prevnext > div.next a { padding-right: 7.5rem; background: url(../image/icon/list-next.png) no-repeat right 3rem center; }

.form-search input { width: calc(100% - 2.2rem); height:4.5rem; }

.form-search button { width: 2.2rem; height: 2.1rem; margin-right: 1rem; font-size: 0; background: url(../image/icon/icon-search.png); background-size: cover; }

.swiper-thumb .swiper-container { width: 67.86%; }

.swiper-thumb__top { position: relative; }

/* .swiper-thumb__top .swiper-slide { height: 0rem; padding-top:6rem; padding-bottom: 72.5%;  overflow: hidden; } */
/* .swiper-thumb__top .swiper-slide{height:100%;} */
/* .swiper-thumb__top .swiper-slide .team-title+img{margin-top:6rem;} */
/* .swiper-thumb__top .swiper-slide img { display: block; position: absolute; top: auto; bottom:.1rem; left: 0; width: 100%; border: .1rem solid #d9d9d9;} */
/* .swiper-thumb__top .swiper-slide .team-title+img{top:6rem;} */
.swiper-thumb__top .swiper-slide .team-title+img{width:100%; margin-top:6rem; border: .1rem solid #d9d9d9; border-top:none;}
.swiper-thumb__top .swiper-slide img{width:100%;}

.swiper-thumb__top .swiper-arrow { position: absolute; top: 50%; width: 100%; height: 4.7rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.swiper-thumb__top .swiper-button-disabled { opacity: 1; }

.swiper-thumb__top .swiper-button-next, .swiper-thumb__top .swiper-button-prev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 4.7rem; height: 4.7rem; background: #003263; border-radius: 100%; }

.swiper-thumb__top .swiper-button-next::after, .swiper-thumb__top .swiper-button-prev::after { display: none; }

.swiper-thumb__top .swiper-button-next i, .swiper-thumb__top .swiper-button-prev i { width: 1rem; height: 1.7rem; }

.swiper-thumb__top .swiper-button-next { right: 10.8%; }

.swiper-thumb__top .swiper-button-next i { background: url(../image/icon/slide-next.png) center;      background-size: cover;}

.swiper-thumb__top .swiper-button-prev { left: 10.8%; }

.swiper-thumb__top .swiper-button-prev i { background: url(../image/icon/slide-next.png) center; -webkit-transform: rotate(180deg); transform: rotate(180deg);     background-size: cover;}

.swiper-thumb__top.view-slide .swiper-slide{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: auto; background:#ededed;}
/* .swiper-thumb__top.view-slide .swiper-slide img{top:50%;     transform: translateY(-50%);} */

.swiper-thumb__bottom { margin-top: 4rem; }

.swiper-thumb__bottom .swiper-slide { position: relative; height: 0; padding-top: 9.412%; overflow: hidden; border: .1rem solid #d9d9d9; background: url(../image/no-img.jpg) no-repeat center; background-size: cover; }

.swiper-thumb__bottom .swiper-slide::before { position: absolute; width: 100%; height: 100%; top: 0; background: rgba(40, 40, 40, 0.6); z-index: 1; content: ""; }

.swiper-thumb__bottom .swiper-slide-thumb-active { position: relative; }

.swiper-thumb__bottom .swiper-slide-thumb-active::before { position: absolute; width: 100%; height: 100%; top: 0; border: .3rem solid #003263; background: none; z-index: 1; content: ""; }

.swiper-thumb__bottom .swiper-slide.no-img { border: none; background: url(../image/no-img.jpg) no-repeat center; background-size:cover;}

.swiper-thumb__bottom .swiper-slide.no-img::before { background: none; }

.swiper-thumb__bottom .swiper-slide img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.button-normal { height: 5rem; padding: 0 5rem; font-size: 1.8rem; font-weight: 200; color: #fff; background: #003263; }

.attach-file li { display: -webkit-box; display: flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 2rem; background: #f4f6f8; border: .1rem solid #d9d9d9; }

.attach-file li + li { margin-top: 1rem; }

.attach-file a { padding: .8rem 0; padding-left: 3.7rem; font-size: 1.6rem; color: #747478; background: url(../image/icon/icon-file.png) no-repeat left 1rem center;  background-size:1.4rem 2.3rem}

.attach-file button { width: 1.3rem; height: 1.5rem; margin-left: auto; background: url(../image/icon/icon-delete.png)no-repeat center;     background-size: cover;}

.attach-button { margin-top: 1rem; }

.attach-button button { padding: 1.5rem 3rem; padding-right: 8rem; font-size: 1.8rem; font-weight: 200; color: #fff; background: #003263 url(../image/icon/icon-attach.png) no-repeat right 2rem center; background-size:3.2rem 3.2rem; text-align: left; }

.attach-button button span { display: inline-block; padding-top: .5rem; font-size: 1.5rem; font-weight: 200; opacity: 0.5; }

.slash { margin: 0 1.7rem; font-size: 1.8rem; }

.collect { margin-top: 2rem; margin-left: 3rem; }

.collect p { font-size: 1.6rem; }

.collect table { table-layout: fixed; width: 97rem; margin-top: 1.5rem; margin-bottom: 0; }

.collect table thead, .collect table tbody { display: table; }

.collect table th, .collect table td { padding: 1.5rem !important; border: .1rem solid #d7d7d7; }

.collect table th { width: 50%; background: #f4f6f8; border-top: .1rem solid #d7d7d7 !important; }

.collect table td { border-top: none; }

.w-140 { width: 140rem; margin: 0 auto; }

h3 { font-size: 3.5rem; font-weight: 500; text-align: center; line-height: unset; }

h4 { font-size: 2.5rem; font-weight: 400; text-align: center; line-height: unset; }

.process__inner { margin-bottom: 6rem; }

.process.bottom > div { margin: 5rem 0; }

.process-list > div { width: 12.8rem; }

.process-list div { position: relative; }

.process-list div a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 12.8rem; height: 12.8rem; border: .1rem solid #cecece; border-radius: 100%; font-size: 1.7rem; color: #cecece; text-align:center; }

.process-list div a em { position: absolute; top: -.2rem; left: -.3rem; padding-right: .4rem; padding-bottom: .0rem; font-size: 5rem; background: #fff; }

.process-list div.on a { font-weight: 500; color: #003263; border-color: #003263; }

.process-list div + div { position: relative; }

.process-list div + div::before { display: block; position: absolute; width: 1.5rem; height: 1.7rem; background: url(../image/icon/icon-arrow__progress.png); content: ""; }

.process-list i { display: block; width: 1.5rem; height: 1.7rem; background: url(../image/icon/icon-arrow__progress.png); background-size:cover; }

.process-list i.dot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 9rem; height: 4rem; background: none; }

.process-list i.dot:nth-of-type(2){    transform: rotate(180deg);}

.process-list i.dot span { display: inline-block; width: 1rem; height: 1rem; border-radius: 100%; background: #ccd6e0; }

.process-list i.dot span:nth-child(2) { background: #7f98b1; }

.process-list i.dot span:nth-child(3) { background: #003263; }

.process-wrap { padding: 6rem 0; padding-bottom: 1.5rem; }

.process-content { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-top: 7rem; }

.process-content > div { float:left; position: relative; width: 33.3%; min-height: 46.5rem; height: auto; margin-bottom: 3.5rem; padding:0 3.185%; }

.process-content > div:nth-child(n+2)::before { position: absolute; top: 26%; left: -.7rem; display: block; width: 1.5rem; height: 1.8rem; transform: translateY(-50%); background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='18'%3E%3Cpath fill-rule='evenodd' fill='%23003263' d='M14.847 8.76L-.002 17.333V.187L14.847 8.76z'/%3E%3C/svg%3E"); background-size: cover; opacity: 0.2; content: ""; }

.process-content > div:nth-child(3n+1)::before { display: none; }

.process-content > div:nth-child(n+4)::before { opacity: 0.3; }

.process-content > div:nth-child(n+7)::before { opacity: 0.4; }

.process-content > div:nth-child(n+9)::before { opacity: 0.5; }

.process-content > div:nth-last-child(-n+9)::before { opacity: 0.6; }

.process-content > div:nth-last-child(-n+6)::before { opacity: 0.8; }

.process-content > div:nth-last-child(-n+3)::before { opacity: 1; }

.process-content > div .img-wrap { height: 25.1rem; border: .1rem solid #d5d5d5; overflow: hidden; }
.process-content > div .img-wrap img{}

.process-content > div .text-box { /* padding-left: 4.5rem; */ }

.process-content > div .text__inner { display: -webkit-box; display: flex; display: -ms-flexbox; display: flex; margin-top: 2.5rem; font-size: 2rem; font-weight: 500; line-height: 3.5rem; }


.process-content > div .tit, .process-content > div .num { font-size: 2rem; font-weight: 500; }

.process-content > div .num { padding-right: .5rem; }

.process-content > div .txt { min-height:11.2rem; margin-top: 0.5rem; font-size: 1.8rem; line-height: 3.5rem; }

.table__inner.contact__table table td table th{min-width:20rem;}
.table__inner.contact__table table td table td{width:100%;}

.table__inner.contact__table table td .collect__table table td{width:50%;}


.manager .list-dashed li div{font-size:1.8rem}


/* 211027 history */
.history__slide {padding-bottom:3rem; z-index:0;}
.history-content { position: relative; padding:5rem 0;}
.history-content::before { position: absolute; top: 0; left: -26rem; width: calc(100% + 52rem); height: 100%; background: #f9f9f9; z-index: -1; content: ""; }
.history-content .swiper-slide{height:42.6rem; padding:3rem; background:#ffffff;}
.history-content .swiper-slide>div{height:100%;}
.news__txt--wrap{height:100%;}
.news__txt--wrap .history-list{height:calc(100% - 7.5rem); }
.history-content .swiper-scrollbar{width:100%; left:0; margin-top:3rem; height:.1rem; background:#cecfd1;}
.history-content .swiper-scrollbar-drag{top:-.1rem; height:.2rem; background:#002d5f; border-radius:0;}
.history-year{margin-bottom:4rem; font-size:3.5rem; font-weight:600; color:#003263;}
.history-list ul li, .history-list ul li span{font-size:1.8rem;}
.history-list ul li{ line-height:3.2rem}
.history-list ul li+li{margin-top:2rem;}
.history-list ul li span{display:block; font-weight:500}

/* 211028 추가 */
.add_btn{border:none; background:#003263 !important}
.remove_btn{width:auto !important; border:.1rem solid #d7d7d7 !important; color:#000 !important; background-color:#fff !important; text-shadow:none !important; font-weight: 600;}



/* ============================================================
========================= reponsive ===========================
============================================================ */

@media all and (max-width: 1400px) { 
	.org-img img{width:100%;}
	.width-s{width:100%;}
	.w-140{width:100%;}
	.process-content > div .text__inner>div{min-height:22.4rem}
}
@media all and (max-width: 1200px){
	.process-content{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
}
@media all and (max-width: 1024px) { 
	.message-text{padding-right:2%;}
	#tab01 .img-wrap img{width:100%;}
	#tab01 .img-wrap.justify-content-between img{width:49%;-webkit-box-align: center;-ms-flex-align: center;align-items: center; }
	.width-s.bg-gray::before{height:73%}
	.width-s.bg-gray.manager::before{height:calc(100% - 4rem)}
	.table__inner table td .collect__table .table{display:block; width:90%;}
	.news__txt--wrap .history-list{overflow-y: scroll}
}
@media all and (max-width: 900px){
	.process:not(.bottom) .process__inner{overflow-x:auto;}
	.process:not(.bottom) .process-list{min-width:900px;}
}

@media all and (max-width: 720px) { 
	.board-list__inner li { width: calc(100% / 2); }
	.breadcrumb a.home i { width: 2.2rem; height: 1.3rem; background-size: cover; } 

	.message{flex-direction: column-reverse;}
	.message-img{display:block; margin:0 auto;}
	.message-img::before{display:none;}
	.message-img img{width:100%;}
	.message-text{position:relative; padding:5% 0 0 0;}
	.message-text::before{ position: absolute;  top: -8rem; left: -2rem; width: calc(100% + 4rem); height: calc(100% + 14rem); background: #f5f7f8; content: ""; z-index: -1;}

	.content-tab>ul{flex-wrap:wrap;}
	.content-tab>ul>li{ width: 33.3%; flex: unset;}

	.swiper-thumb .swiper-container{width:85%; z-index:0;}
	.swiper-thumb__top .swiper-button-next, .swiper-thumb__top .swiper-button-prev{width:3.7rem; height:3.7rem;}
	.swiper-thumb__top .swiper-button-next{right:-.3rem;}
	.swiper-thumb__top .swiper-button-prev{left:-.3rem;}

	.tab__inner li a{text-align:center;}

	.process-content > div .img-wrap{height:auto}
	.process-content > div .img-wrap img{width:100%;}
	.process-list i{background-size:cover;}

	.process:not(.bottom) .process__inner{overflow-x:auto;}
	.process:not(.bottom) .process-list{min-width:720px;}
	.process-list > div{width:10.8rem;}
	.process-list div a{width:10.8rem; height:10.8rem;}
	.process-list div a em{top:0; left:0; font-size:3rem;}
	.process.bottom > div{padding:0 2%;}

	.process-content{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
	.process-content > div{width:50%;  min-height: auto; height:auto;}
	.process-content > div:nth-child(2n+1)::before{left:auto; right:-.7rem;}

	.process-content > div .text__inner>div{min-height:13.4rem}
	.process-content > div:nth-child(n+2)::before{/* top:29%; */ top:8.5rem;}

	.board-search > *, .board-search select{width:100%;}

	.tabcontent .swiper-thumb__bottom{margin-top:1rem;}
	.process-list i.dot{padding:0 2%;}

	.lang a{font-size:1.6rem}

	.checks input[type="radio"] + label{width:13rem;}
	.contact__table table col:nth-child(1){width:8rem !important}
	.table__inner table td .width-m{width:100%;}
	.table__inner table td .width-m select {-webkit-box-flex:1;-ms-flex:1;flex:1; width:auto; margin-left:0 !important;}
	/* .table__inner table td .width-m select+input{flex:0.8} */

	.team-title{height:5rem; font-size:1.6rem;}
	.swiper-thumb__top .swiper-slide .team-title+img{margin-top:5rem;}
	.swiper-thumb__top .swiper-slide img{width:100%; height:100%;}

	.checks input[type="radio"]:checked + label::after{top:2px; left:2.5px;}

	.table__inner table td table td{width:100%;}
	.table__inner.contact__table table td table th{min-width:auto;}

	.manager .list-dashed li div b{display:block;}
	.manager .list-dashed li{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

	.table__inner table td input#hp{-webkit-box-flex:1;-ms-flex:1;flex:1; width:auto !important;}

	.board-list__inner .img-wrap{position:relative; padding-bottom:56%; height:0; }
	.board-list__inner .img-wrap img{display:block; position:absolute; width:100%; height:100%;}
}

@media all and (max-width: 500px){
	.width-s.bg-gray.manager::before{top:-38%; height: calc(100% + 3rem); }
}