@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; }

@-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; }

.mb_10 { margin-bottom: 1rem; }

.mt_20 { margin-top: 2rem; }

.mt_30 { margin-top: 3rem; }

.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; }

.content__inner.main .news__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-x: 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 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 { position: absolute; top: 17.8rem; padding: 0rem; width: 100%; min-height: calc(100% - 17.8rem); background: #fff; } */

.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; cursor: pointer; font-size: 1.8rem; color: #000; }

.form-check input[type='checkbox'] + label::before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 1.9rem; /* 체크박스의 너비를 지정 */ height: 1.9rem; /* 체크박스의 높이를 지정 */ margin: -.5rem 1.1rem 0 0; text-align: center; vertical-align: middle; border: 1px 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;}

/* 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: .35rem; left: .45rem; 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; }

.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; }

.table__inner table td select { width: 14.5rem; margin-right: 1rem; border-bottom: .1rem solid #d5d5d5; background: url(../image/icon/icon-selectdown__fill.png) no-repeat right 1rem center; }

/* 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%; }
  .content__inner.main .news__inner { width: 100%; padding: 0 2rem; }
  .gnb__inner { padding: 0; } }

.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; }

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

.header__inner { height: 11rem; margin: 0 auto; padding: 0 4rem 0 4rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 0.1rem solid rgba(255, 255, 255, 0.28); }

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

.header__inner.sub { position: relative; background: rgba(0, 0, 0, 0.4); border-bottom: none; z-index: 1; }

.header__logo a { display: block; width: 10.7rem; /* height: 3.9rem; */ }

.header__logo a img { width: 100%; }

.gnb { -webkit-box-flex: unset !important; -ms-flex: unset !important; flex: unset !important; flex:none !important;}

/* .gnb__inner > div { margin: 0 5rem; } */

.gnb__inner a { margin: 0 5rem; font-size: 2.3rem; font-weight: 300; color: #fff; }

.lang { width:25rem; margin-left:auto; margin-right: 3rem; text-align:right;}

.lang a { position: relative; font-size: 1.3rem; color: #fff; }

.lang a:last-child { padding-left: 2.2rem; }

.lang a:last-child::before { position: absolute; left: 0.8rem; font-size: 1.3rem; color: #fff; content: "|"; }

.sitemap-buttonwrap { width: 3.3rem; height: 2.5rem; }

.sitemap-buttonwrap span { display: block; width: 100%; height: .3rem; background: #fff; }

.sitemap_cont { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; }

.sitemap_cont .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); }

/*.sitemap_inner { position: absolute; left: 50%; top: 50%; width: 80%; max-height: 80%; padding: 5rem; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow-y: scroll;}*/

.sitemap_inner { position: absolute; left: 50%; top: 50%; width: 80%; max-height: 80%; padding: 5rem; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.sitemap_inner .sm_dep { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 2rem 3rem; text-align: center; }

.sitemap_inner .sm_dep + li { position: relative; }

.sitemap_inner .sm_dep + li::before { position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #dddddd; content: ""; }

.sitemap_inner .sm_dep_m { display: inline-block; font-size: 3rem; font-weight: 500; }

.sitemap_inner .sm_dep_m:hover { color: #003263; }

.sitemap_inner .sm_dep2{margin-top: 3rem;}

.sitemap_inner .sm_dep2 a { display: inline-block; padding: 2rem 0; font-size: 2rem; }

.sitemap-close { position: absolute; top: 3rem; right: 3rem; width: 2.7rem; height: 2.7rem; cursor: pointer; }

.sitemap-close i { display: inline-block; width: 100%; height: 100%; background: url(../image/icon/icon-plus.png); background-size: cover; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

/* .main-visual { position: relative; top: 0; width: 100%; margin-top: -11rem; height: 93.7rem; z-index: -1; } */
.main-visual { position: relative;  width: 100%; height:0; /* padding-bottom:56.25%; */ padding-bottom:49.5%; height: 0; margin-top: -11rem; /* padding:0; padding-bottom:36.85%; */   z-index: -1; }
/* .main-visual__inner::before{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.28) !important; content:""; z-index:1;} */

/* .main-visual__inner { position: absolute; width: 100%; height: 100%; background: url(../image/main-visual_.jpg) no-repeat center !important; background-size: cover !important;    background-position: center !important; z-index:-2; } */
.main-visual__inner { position: absolute; top:0; height:0; width: 100%; height: 100%; background: url(../image/main-visual_.jpg) no-repeat center !important; background-size: cover !important;    background-position: center !important; z-index:-2; }

.main-visual__inner .txt { position: absolute; left: 14.5rem; bottom: 12.5rem; font-size: 4.8rem; font-weight: 500; color: #fff; line-height: 7.6rem; z-index:1;}

.content__inner.main h1 { margin-top: 9.5rem; margin-bottom: 4.5rem; font-size: 4.4rem; font-weight: 600; text-align: center; }

.content__inner.main .news__inner { margin: 0 auto; }

.content__inner.main .news-title { position: relative; margin-left: 13rem; margin-right: 13rem; }

.content__inner.main .news-title button { position: absolute; top: 50%; right: 0; width: 2.7rem; height: 2.7rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.content__inner.main .news-title button img { width: 100%; }

.content__inner.main .news__txt--wrap { padding: 3rem; }

.content__inner.main .news-date { font-size: 1.6rem; color: #747478; }

.content__inner.main .news-txt { 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; height: 6.6rem; margin-top: 2rem; font-size: 2.3rem; line-height: 3.3rem; }

.content__inner.main .news__slide { margin: 0 13rem; }

.content__inner.main .news__slide--wrap { position: relative; }

.content__inner.main .news__slide--wrap .swiper-button-next, .content__inner.main .news__slide--wrap .swiper-button-prev { width: 4.7rem; height: 4.7rem; background: #003263; border-radius: 100%; }

.content__inner.main .news__slide--wrap .swiper-button-next.swiper-button-disabled, .content__inner.main .news__slide--wrap .swiper-button-prev.swiper-button-disabled { opacity: 1; }

.content__inner.main .news__slide--wrap .swiper-button-prev:after, .content__inner.main .news__slide--wrap .swiper-container-rtl .swiper-button-next:after, .content__inner.main .news__slide--wrap .swiper-button-next:after, .content__inner.main .news__slide--wrap .swiper-container-rtl .swiper-button-prev:after { width: 1.1rem; height: 1.8rem; 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='%23fff' d='M10.414 16.071L9 17.485.515 8.999 9 .514l1.414 1.415L3.343 9l7.071 7.071z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: cover; content: ""; }

.content__inner.main .news__slide--wrap .swiper-button-next:after, .content__inner.main .news__slide--wrap .swiper-container-rtl .swiper-button-prev:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.content__inner.main .news__slide--wrap .swiper-scrollbar { width: calc(100% - 8rem); margin: 0 auto; height: .1rem; bottom: -3rem; background-color: #dedede; }

.content__inner.main .news__slide--wrap .swiper-scrollbar-drag { top: -.1rem; height: .3rem; background: #003263; border-radius: 0; }

.content__inner.main .news__slide .swiper-slide > div { border: .1rem solid #dedede; overflow: hidden; }

.content__inner.main .news__slide .swiper-slide > div img { max-width: 100%; }

.content__inner.main .contacts { margin-top: 13.5rem; }

.content__inner.main .contacts__inner { height: 38.5rem; }

.content__inner.main .contacts__inner > div { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.content__inner.main .contacts__inner > div p { margin-top: 7.5rem; font-size: 3.2rem; font-weight: 500; color: #fff; text-align: center; }
.content__inner.main .contacts__inner.vn > div p{font-size:2.6rem;}
.content__inner.main .contacts__inner > div i { display: block; width: 4.6rem; height: 4.6rem; margin: 4rem auto 0 auto; background: url(../image/icon/icon-link.png) no-repeat; background-size: contain; }
.content__inner.main .contacts__inner.vn > div i{margin: 3rem auto 0 auto;}

.content__inner.main .contacts__inner > div i.path { position: absolute; top: 50%; left: 50%; margin: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-repeat: no-repeat; background-position: center; }

.content__inner.main .contacts__inner > div i.circle { width: 36.2rem; height: 36.1rem; background: 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; }

.content__inner.main .contacts__inner > div i.square { width: 36.1rem; height: 36.1rem; 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; }

.content__inner.main .contacts__inner > div i.triangle { width: 41.5rem; height: 36.1rem; 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; }

.content__inner.main .contacts__inner > div svg { position: absolute; opacity: 0.3; -webkit-transition: all .3s; transition: all .3s; }

.content__inner.main .contacts__inner > div svg path { -webkit-transition: all .3s; transition: all .3s; }

.content__inner.main .contacts__inner > div svg.triangle { width: 41.5rem; height: 36.1rem; 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"); }

.content__inner.main .contacts__inner > div:hover svg { opacity: 1; }

.content__inner.main .contacts__inner > div:hover svg path { fill: rgba(0, 0, 0, 0.3); }

.content__inner.main .contacts__inner > div:nth-child(1) { background: url(../image/contacts-img01.jpg); background-size: cover; }

.content__inner.main .contacts__inner > div:nth-child(2) { background: url(../image/contacts-img02.jpg); background-size: cover; }

.content__inner.main .contacts__inner > div:nth-child(3) { background: url(../image/contacts-img03.jpg); background-size: cover; }

.content__inner.main .contacts__inner > div a { display: block; width: 100%; height: 100%; }

.content__inner.main .contacts__inner > div a > div { position: relative; z-index: 1; }

.footer__inner { background: #000; }

.footer__inner > div { width: 100%; margin-top: 1rem; padding: 2rem 0 5rem 0; background: #001428; }

.footer__inner > div p { margin-top: 2.5rem; font-size: 1.5rem; color: #fff; font-weight: 200; text-align: center; line-height: 2.4rem; }
.footer__inner > div p.vn{ margin-left:1.5rem; font-size:1.8rem; opacity:.6}


.footer__inner > div p a{color:#fff; font-size:1.5rem; font-weight:200;}

.footer__inner > div p span { font-size: 1.5rem; font-weight: 500; }

.footer__sns { margin-bottom: 4rem; }

.footer__sns li { width: 5.6rem; height: 5.6rem; border: 1px solid #9b9b9b; border-radius: 100%; }

.footer__sns li a { display: block; width: 100%; height: 100%; }

.footer__sns li + li { margin-left: .8rem; }

.footer-pl__logo { /* position: absolute; right: 3rem; bottom: 3rem; */ width: 7.9rem; height: 7.9rem; margin-right:17rem;}
.footer-pl__logo.vn{width:auto;}

.footer-pl__logo img { display: block; width:7.9rem }

.footer-bottom{margin-top:3rem;}

.footer__logo {width:7.9rem; height:4.7rem;}
.footer__logo img{display:block; width:100%;}

.top-button { display: block; position: fixed; bottom: 5rem; right: 5rem; width: 5.6rem; height: 5.6rem; margin-top:-8rem; border-radius: 100%; background: #003263; }

/* .top-button.on { position: absolute; bottom:auto; } */

.top-button button { width: 100%; height: 100%; }
.top-button button:focus{border:none; outline:none !important;}

.top-button button i { width: 1.8rem; height: 1.1rem; }

.top-button button span { padding-top: .8rem; font-size: 1.4rem; color: #fff; }

/* .main-visual__inner { position: relative; } */

.player { display:block !important; position: absolute !important; width: 100% !important; height:100%; z-index: 0; }

.player::before { position: absolute; display:block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.28); content: ""; z-index: 1; }

.footer__sns li.footer__sns-logo{border:none;}
.footer__sns li.footer__sns-logo+li.footer__sns-logo{margin-right:2rem;}


/* 211001 메인비주얼  */
.main-visual__inner{width:87.97%; left:50%; transform: translateX(-50%);}
.player::before{width:100%; left:50%; transform: translateX(-50%);}
.header{background: rgba(0, 0, 0, 0.28);}

.shortlink a{color:#faeb00;}

/* 211005 footer 라인 */
.footer__sns li:nth-child(2){position:relative;}
.footer__sns li:nth-child(2)::before{position:absolute; top:50%; right:-1rem; width:.1rem; height:80%; background:#9b9b9b; transform: translateY(-50%); content:""}

/* 211006 메인 bg */
.main-visual{background:rgba(0, 0, 0, 0.28);}


/*=============== reponsive ===============*/
@media all and (max-width: 1200px) { .gnb { display: none; }
  i.path { width: 80% !important; background-size: 100% 100% !important; } 
  .main-visual__inner{width:100%;}
  .main-visual{    padding-bottom: 56.25%;}
 }
@media all and (max-width: 1024px){
	.footer-pl__logo{position:unset; margin:2rem auto 0 auto;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
	.sitemap_inner ul { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .sitemap_inner ul .sm_dep + li::before { top: 0; width: 100%; height: .1rem; }
}

@media all and (max-width: 720px) { 
	.mobile { display: block !important; }
  .pc { display: none; }
  .header__inner { padding: 0 2rem; }
  .header__inner .gnb + div {width:100%; margin-left: auto; flex:unset;}
  /* .lang{width:100%; margin-left:auto;} */
  .footer-pl__logo { position: unset; text-align: right; margin:0 auto; margin-top: 1.5rem;}
  .footer__inner > div { padding: 3rem 2rem; }
  .footer__sns li a img { max-width:3.5rem; max-height:2.9rem;}
  .footer__sns li:first-child a img { width: 20%; }
  .footer__sns li.footer__sns-logo a img{max-width:100%; max-height:100%; width:100%;}
  
  i.path { display: none !important; }
  .top-button { right: 2rem; bottom:25rem; /* margin-bottom:2rem; */  z-index: 10; }
  /* .top-button.on { bottom: 9.7%; } */
  .content__inner.main .news__slide { margin: 0 6.5rem; }
  .content__inner.main .news-title { margin-left: 6.5rem; margin-right: 6.5rem; }
  .swiper-button-next { right: 0; }
  .swiper-button-prev { left: 0; }
  /* .main-visual {padding-bottom:80.25%;} */
  .main-visual__inner .txt { left: 0; bottom:15%; width: 100%; padding: 0 5%; font-size:2.4rem;     line-height: normal; } 
  .header__inner > div{flex:unset;}

  /* .main-visual{min-height:93.7rem; padding-bottom:0;} */
  .footer__inner .footer__left{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  
  }



@media all and (max-width: 360px) { .header__inner > div { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; } }