@charset "UTF-8";
.ir { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -999rem; }

.unitIcon > img { opacity: 0; }

.unitIcon > span { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -999rem; }

.skipMenu { position: fixed; top: -6rem; left: 0; width: 100%; height: 6rem; z-index: 99; }

.skipMenu a { position: absolute; top: 0; left: 0; width: 100%; padding: 1rem; display: block; background-color: #013964 !important; color: #fff; text-align: center; }

.skipMenu a:focus { top: 6rem; }

.ell { overflow: hidden; display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }

.ellMulti { display: -webkit-box; word-break: keep-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; max-height: 5rem; }

.trans { transition: all 0.2s ease 0.05s; }

.vMid { position: absolute; top: 50%; transform: translateY(-50%); }

.clearfix:after { content: ''; display: block; clear: both; }

.hidden { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; color: transparent; }

.flexArea { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; }

.flexArea.fix { width: 100%; }

.fontRoboto { font-family: "Roboto"; }

.formText { position: relative; }

.formText label { font-size: 2rem; font-weight: 500; color: #000; display: block; margin-bottom: 1.5rem; }

.formText .inpZone { position: relative; }

.formText .inpZone.typeFlex { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2.4rem; }

.formText .inpZone.typeFlex * { -ms-flex: 1; flex: 1; position: relative; }

.formText .inpZone.typeFlex .innerBtn { max-width: 8rem; -ms-flex: auto; flex: auto; background-color: #000; height: 5.3rem; border-radius: 1.6rem; font-size: 1.5rem; color: #fff; }

.formText .inpZone input { height: 7rem; background-color: #f8f9fc; border: none; padding: 1.5rem 4rem 1.5rem 2.4rem; width: 100%; font-size: 2rem; }

.formText .inpZone input:-ms-input-placeholder { color: #6c747e; font-size: 2rem; }

.formText .inpZone input::placeholder { color: #6c747e; font-size: 2rem; }

.formText .inpZone input:focus + .btn-clear { opacity: 1; }

.formText .inpZone input:disabled { color: #ccc; }

.formText .inpZone input[type=number]::-webkit-outer-spin-button, .formText .inpZone input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.formText .inpZone textarea { padding: 1.8rem 4rem 1.8rem 2.4rem; background-color: #f8f9fc; border: none; width: 100%; font-size: 2rem; }

.formText .inpZone textarea:-ms-input-placeholder { color: #6c747e; font-size: 2rem; }

.formText .inpZone textarea::placeholder { color: #6c747e; font-size: 2rem; }

.formText .inpZone .btn-clear { position: absolute; position: absolute; top: 50%; transform: translateY(-50%); right: .5rem; opacity: 0; padding: 1rem; }

.formText .inpZone .btn-clear:focus { opacity: 1; }

.formText .inpZone .btn-passView { position: absolute; position: absolute; top: 50%; transform: translateY(-50%); right: .5rem; padding: 1rem; }

.formText .inpZone .btn-passView.isHidden { opacity: .5; width: 1px; height: 1px; overflow: hidden; right: -1rem; padding: 0; }

.formText .inpZone .btn-passViewDis { position: absolute; position: absolute; top: 50%; transform: translateY(-50%); right: .5rem; padding: 1rem; }

.formText .inpZone .btn-passViewDis.isHidden { opacity: .5; width: 1px; height: 1px; overflow: hidden; right: -1rem; padding: 0; }

.formText .validation { display: none; margin-top: .5rem; font-size: 1.4rem; }

.formText[data-status=error] .validation { display: block; color: #ef193a; }

.formText[data-status=success] .validation { display: block; color: #013964; }

.formText + .formText { margin-top: 4rem; }

.formCheckbox { display: block; position: relative; }

.formCheckbox + .formCheckbox { margin-top: 1rem; }

.formCheckbox input { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; color: transparent; }

.formCheckbox label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; color: #000; padding-left: 3.5rem; cursor: pointer; }

.formCheckbox label:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 2.4rem; height: 2.4rem; border-radius: .4rem; border: 1px solid #ebeaea; background: #fff; transition: all 0.2s ease 0.05s; background-position: center center; background-size: 1.6rem 1.6rem; }

.formCheckbox label:hover:before { border-color: #013964; }

.formCheckbox input:checked + label:before { border-color: #013964; background: #013964 url(../img/common/chk.png) center center no-repeat; background-size: 1.6rem 1.6rem; }

.formCheckbox input:disabled + label:before { background-color: #f3f6fb; border-color: #f3f6fb; }

.formCheckbox input:checked:disabled + label:before { background: #f3f6fb url(../img/common/chk_checked_dis.png) center center no-repeat; background-size: 1.6rem 1.6rem; }

.formCheckbox input:disabled + label { opacity: 1; }

.formCheckbox input:focus + label:before { outline: 2px solid #a0d2f1; }

.formCheckbox.switch label { padding: 0; }

.formCheckbox.switch label em:before { content: '아니오'; position: absolute; top: 50%; transform: translateY(-50%); color: #666; right: 1.2rem; transition: all 0.2s ease 0.05s; font-size: 1.6rem; }

.formCheckbox.switch label:before { content: ''; left: auto; right: 0; background-image: none; background-color: #f1f1f1; border-color: #f1f1f1; width: 9rem; height: 3rem; border-radius: 5rem; transition: all 0.2s ease 0.05s; }

.formCheckbox.switch label:after { content: ''; width: 2rem; height: 2rem; border-radius: 50%; background-color: #fff; border: 1px solid transparent; position: absolute; right: 6.2rem; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); transition: all 0.2s ease 0.05s; }

.formCheckbox.switch label:hover:before { border-color: #013964; }

.formCheckbox.switch input:checked + label em:before { content: '예'; right: 4.5rem; color: #fff; }

.formCheckbox.switch input:checked + label:before { background-color: #013964; background-image: none; }

.formCheckbox.switch input:checked + label:after { right: .4rem; border-color: #013964; }

.formCheckbox.switch.type2 label em { display: none; }

.formCheckbox.switch.type2 label:before { width: 6rem; }

.formCheckbox.switch.type2 label:after { right: 3.3rem; }

.formCheckbox.switch.type2 input:checked + label:after { right: .4rem; }

.formRadio { display: block; position: relative; }

.formRadio + .formRadio { margin-top: 1rem; }

.formRadio input { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; color: transparent; }

.formRadio label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; color: #000; padding-left: 3.5rem; cursor: pointer; }

.formRadio label:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 2.4rem; height: 2.4rem; border-radius: 50%; border: 1px solid #ebeaea; background: #fff; transition: all 0.2s ease 0.05s; background-position: center center; background-size: 1.6rem 1.6rem; }

.formRadio label:hover:before { border-color: #013964; }

.formRadio input:checked + label:before { border-color: #013964; background: #013964 url(../img/common/rad.png) center center no-repeat; background-size: 1.6rem 1.6rem; }

.formRadio input:disabled + label:before { background-color: #f3f6fb; border-color: #f3f6fb; }

.formRadio input:checked:disabled + label:before { background: #f3f6fb url(../img/common/rad_checked_dis.png) center center no-repeat; background-size: 1.6rem 1.6rem; }

.formRadio input:disabled + label { opacity: 1; }

.formRadio input:focus + label:before { outline: 2px solid #a0d2f1; }

.formRadio.switch label { padding: 0; }

.formRadio.switch label em:before { content: '아니오'; position: absolute; top: 50%; transform: translateY(-50%); color: #666; right: 1.2rem; transition: all 0.2s ease 0.05s; font-size: 1.6rem; }

.formRadio.switch label:before { content: ''; left: auto; right: 0; background-image: none; background-color: #f1f1f1; border-color: #f1f1f1; width: 9rem; height: 3rem; border-radius: 5rem; transition: all 0.2s ease 0.05s; }

.formRadio.switch label:after { content: ''; width: 2rem; height: 2rem; border-radius: 50%; background-color: #fff; border: 1px solid transparent; position: absolute; right: 6.2rem; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); transition: all 0.2s ease 0.05s; }

.formRadio.switch label:hover:before { border-color: #013964; }

.formRadio.switch input:checked + label em:before { content: '예'; right: 4.5rem; color: #fff; }

.formRadio.switch input:checked + label:before { background-color: #013964; background-image: none; }

.formRadio.switch input:checked + label:after { right: .4rem; border-color: #013964; }

.formRadio.switch.type2 label em { display: none; }

.formRadio.switch.type2 label:before { width: 6rem; }

.formRadio.switch.type2 label:after { right: 3.3rem; }

.formRadio.switch.type2 input:checked + label:after { right: .4rem; }

.formSelect { position: relative; }

.formSelect label, .formSelect .label { font-size: 2rem; font-weight: 500; color: #000; display: block; margin-bottom: 1.5rem; }

.formSelect select, .formSelect .selectBtn { border: none; color: #000; padding: 1.5rem 4.5rem 1.5rem 2.4rem; height: 7rem; width: 100%; font-size: 2.2rem; background: #f8f9fc url(../img/common/sel_arrow.png) no-repeat center right 2rem; background-size: auto 2.4rem; }

.formSelect .validation { display: none; margin-top: .5rem; font-size: 1.4rem; }

.formSelect[data-status=error] .validation { display: block; color: #ef193a; }

.formSelect[data-status=success] .validation { display: block; color: #013964; }

.formSelect .selectBtn { position: relative; width: 100%; font-family: inherit; font-size: 2.2rem; padding: 1.5rem 4rem 1.5rem 2.4rem; line-height: 1.6; color: #000; border: none; cursor: pointer; text-align: left; position: relative; background-color: #f8f9fc; }

.formSelect .selectBtn .placeholder { color: #ccc; }

.formSelect .selectBtn option { padding: 5rem; }

.formSelect .selectBtn option:disabled { display: none; }

.formSelect .select { display: none; position: absolute; min-width: 100%; max-height: 20rem; left: 0; top: auto; margin-top: -.8rem; max-width: 100%; width: 100%; border-radius: 0 0 1.6rem 1.6rem; border: 1px solid #dfdfdf; border-top: none; background: #fff; color: inherit; list-style-type: none; padding: 0; overflow-y: auto; white-space: nowrap; z-index: 9999; transition: all 0.2s ease 0.05s; }

.formSelect .select .option a { display: block; text-align: left; padding: .8rem 1.6rem; color: #000; white-space: nowrap; width: 100%; }

.formSelect .select .option a:hover { background-color: #f3fbf6; }

.formSelect.active .select { display: block; }

.unitBtn { position: relative; }

.unitBtn button { font-size: 2.2rem; font-weight: 700; text-align: center; color: #fff; background-color: #013964; padding: 1.8rem 13rem; border: 1px solid transparent; transition: all 0.2s ease 0.05s; }

.unitBtn button.fix { width: 36rem; }

.unitBtn button.dis, .unitBtn button:disabled { background-color: #e1e6ec; color: #6c747e; cursor: default; }

.unitBtn button.dis:focus, .unitBtn button:disabled:focus { outline: none !important; }

.unitBtn button.line { background-color: #fff; color: #013964; border: 1px solid #013964; }

.unitBtn button.line.dis, .unitBtn button.line:disabled { background-color: #fff; color: #a0d2f1; border-color: #a0d2f1; }

.unitBtn .flexArea { gap: 2rem; }

.unitBtn .flexArea > button { -ms-flex: 1; flex: 1; }

.btnTxt { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 1.6rem; padding: 0 1.6rem; height: 4rem; background-color: #fff; border: 1px solid #6c747e; color: #21272a; transition: all 0.2s ease 0.05s; }

.btnTxt.fix { width: 8.5rem; }

.btnTxt.dis, .btnTxt:disabled { color: #ccc; border-color: #ccc; cursor: default; }

.btnTxt.dis:focus, .btnTxt:disabled:focus { outline: none !important; }

.btnTxt.blk { background-color: #565c63; color: #fff; }

.btnTxt + .btnTxt { margin-left: .8rem; }

.unitTab { margin-top: 3.8rem; }

.unitTab > ul { position: relative; color: #6c747e; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; gap: 5.6rem; }

.unitTab > ul > li { display: block; }

.unitTab > ul > li .menu { display: block; font-size: 2.2rem; font-weight: 500; width: 100%; transition: all 0.2s ease 0.05s; position: relative; }

.unitTab > ul > li .menu:before { content: ''; position: absolute; width: .1rem; height: .1rem; border-radius: 50%; background-color: #fff; left: 50%; top: -1.6rem; transform: translateX(-50%); transition: all 0.2s ease 0.05s; }

.unitTab > ul > li .menu.current { color: #013964; font-weight: 500; position: relative; }

.unitTab > ul > li .menu.current:before { width: .8rem; height: .8rem; background-color: #4b9cd4; }

.unitTab > ul > li .menu.current + .contents { display: block; }

.unitTab > ul > li .contents { display: none; position: absolute; width: 100%; left: 0; /*margin-top:7.6rem;*/ margin-top: 2.4rem; }

.unitAcc { position: relative; }

.unitAcc > .tit { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: justify; justify-content: space-between; }

.unitAcc > .tit > button { font-size: 1.8rem; font-weight: 600; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; gap: 1rem; padding: 1.5rem 0; }

.unitAcc > .tit > button > .arrow { margin-top: -1rem; }

.unitAcc > .tit > button > .arrow > i { transition: all 0.2s ease 0.05s; }

.unitAcc > .tit > .right .rightInfo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.5rem; width: 14rem; -ms-flex-pack: justify; justify-content: space-between; }

.unitAcc > .tit > .right .rightInfo > .date { font-size: 1.3rem; color: #21272a; }

.unitAcc > .tit > .right .rightInfo > .info { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; font-size: 1.4rem; height: 2.5rem; font-weight: 500; color: #fff; padding: 0 2rem; border-radius: 5rem; background-color: #000; }

.unitAcc > .tit > .right .rightInfo > .training { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; border-radius: 10rem; height: 2.5rem; font-size: 1.4rem; font-weight: 500; color: #fff; width: 100%; padding: .5rem 2rem; background-color: #ef193a; }

.unitAcc > .cont { height: 1px; overflow: hidden; }

.unitAcc > .cont > * { opacity: 0; }

.unitAcc.isActive > .tit > button > .arrow > i { transform: scale(0.5) rotate(180deg); }

.unitAcc.isActive .cont { height: auto; overflow: visible; }

.unitAcc.isActive .cont > * { opacity: 1; }

.unitAcc + .unitAcc { margin-top: 2rem; }

.unitTable { border-top: 0.2rem solid #013964; font-size: 1.8rem; }

.unitTable table thead tr { border-bottom: 1px solid #ccc; }

.unitTable table thead tr th { padding: 2rem; color: #000; background: #fff; }

.unitTable table thead tr th + th { border-left: 1px solid #ccc; }

.unitTable table tbody tr { border-bottom: 1px solid #ccc; }

.unitTable table tbody tr td { padding: 2rem; color: #21272a; }

.unitTable table tbody tr td + td { border-left: 1px solid #ccc; }

.unitTable.typeRow tr th + td { border-left: 1px solid #ccc; }

.unitList > li { position: relative; padding-left: 1.5rem; line-height: 1.4; }

.unitList > li:before { content: ''; position: absolute; left: 0; top: 1rem; width: .5rem; height: 1px; background-color: #6c747e; }

.unitList > li + li { margin-top: 1rem; }

.unitList.num { counter-reset: list-number; }

.unitList.num > li { counter-increment: list-number; padding-left: 2.5rem; }

.unitList.num > li:before { content: counter(list-number); font-size: 1.1rem; top: 0; width: 2rem; height: 2rem; border-radius: 50%; background-color: transparent; border: 1px solid white; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; }

.unitList.blk > li:before { background-color: #000; }

.unitModal { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 11; top: 0; left: 0; display: none; }

.unitModal > .wrapper { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 100rem; max-height: calc(100% - 6rem); overflow-y: auto; background-color: #fff; word-break: keep-all; }

.unitModal > .wrapper .closeModal { position: absolute; right: 4.8rem; top: 1.3rem; }

.unitModal > .wrapper .closeModal > i > img { width: 8rem !important; }

.unitModal > .wrapper > .tit { font-size: 2.6rem; font-weight: 500; border-bottom: 1px solid #ebeaea; padding: 3.2rem 4.8rem; }

.unitModal > .wrapper > .contArea { padding: 3.2rem 4.8rem; }

.unitModal > .wrapper > .contArea > .msg { font-size: 1.4rem; color: #21272a; text-align: center; padding: 0 2rem; line-height: 1.5; }

.unitModal > .wrapper .unitBtn { margin: 0; }

.unitModal > .wrapper .unitBtn .flexArea { gap: 0; overflow: hidden; }

.unitModal > .wrapper .unitBtn .flexArea button { font-size: 1.6rem; padding: 1.2rem; border-radius: 0; }

.unitModal.modalOpen { display: block; }

.unitModal.type2 > .wrapper > .tit { text-align: left; }

.unitModal.type2 > .wrapper > .msg { text-align: left; padding: 0; font-size: 1.3rem; }

.unitModal.type2 > .wrapper > .msg + .msg { margin-top: 3rem; }

.unitModal[data-type=alert] > .wrapper { width: 40rem; }

.unitModal[data-type=alert] > .wrapper .closeModal { position: absolute; right: 1.6rem; top: 1.2rem; }

.unitModal[data-type=alert] > .wrapper .closeModal > i > img { width: 3.2rem !important; }

.unitModal[data-type=alert] > .wrapper > .tit { font-size: 1.8rem; padding: 1.2rem 1.6rem; }

.unitToast { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; width: calc(100% - 6rem); padding: 1rem; height: 5rem; position: fixed; left: 3rem; bottom: -4rem; opacity: 0; background-color: rgba(0, 0, 0, 0.6); border-radius: 10rem; -ms-flex-pack: center; justify-content: center; transition: all 0.2s ease 0.05s; z-index: 1; }

.unitToast.isActive { bottom: 3rem; opacity: 1; }

.unitToast > .tit { font-size: 1.5rem; color: #fff; font-weight: 350; }

.unitSwiper [class^=swiper-button] { z-index: 2; width: 3rem; height: 5.6rem; background-image: url(../img/common/swiper_arrow.png); background-position: center; background-repeat: no-repeat; background-size: contain; right: 2rem; opacity: .5; position: absolute; top: 50%; transform: translateY(-50%); transform-origin: center; z-index: 3; }

.unitSwiper [class^=swiper-button]:hover, .unitSwiper [class^=swiper-button]:focus { opacity: 1; }

.unitSwiper [class^=swiper-button].swiper-button-next.swiper-button-disabled, .unitSwiper [class^=swiper-button].swiper-button-prev.swiper-button-disabled { opacity: 0; }

.unitSwiper [class^=swiper-button]:after { content: '다음'; overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -999rem; }

.unitSwiper [class^=swiper-button].swiper-button-prev { transform: translateY(-50%) rotate(180deg); right: auto; left: 2rem; }

.unitSwiper [class^=swiper-button].swiper-button-prev:after { content: '이전'; overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -999rem; }

.unitSwiper .controller { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); z-index: 2; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; }

.unitSwiper .controller .swiper-pagination { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; transition: all 0.2s ease 0.05s; position: relative; }

.unitSwiper .controller .swiper-pagination span { width: 1rem; height: 1rem; background-color: rgba(255, 255, 255, 0.8); }

.unitSwiper .controller .swiper-pagination span.swiper-pagination-bullet-active { width: 6rem; background-color: white; border-radius: 10rem; }

.unitSwiper .controller .swiper-pagination.swiper-pagination-lock { display: none; }

.unitSwiper .controller .btn-cont [class^=swiper-auto-] { width: 1.5rem; height: 1.5rem; background-image: url(../img/common/swiper_pause.png); background-position: center; background-repeat: no-repeat; background-size: contain; display: none; }

.unitSwiper .controller .btn-cont [class^=swiper-auto-].isActive { display: block; }

.unitSwiper .controller .btn-cont [class^=swiper-auto-].swiper-auto-play { background-image: url(../img/common/swiper_play.png); }

@media (max-width: 1100px) { .unitSwiper .controller { bottom: 1rem; gap: 1rem; }
    .unitSwiper .controller .swiper-pagination { gap: .5rem; }
    .unitSwiper .controller .swiper-pagination span { width: .6rem; height: .6rem; }
    .unitSwiper .controller .swiper-pagination span.swiper-pagination-bullet-active { width: 3rem; }
    .unitSwiper .controller .btn-cont [class^=swiper-auto-] { width: 1.5rem; height: 1.5rem; background-image: url(../img/common/swiper_pause.png); background-position: center; background-repeat: no-repeat; background-size: contain; display: none; }
    .unitSwiper .controller .btn-cont [class^=swiper-auto-].isActive { display: block; }
    .unitSwiper .controller .btn-cont [class^=swiper-auto-].swiper-auto-play { background-image: url(../img/common/swiper_play.png); } }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; box-sizing: border-box; }

dl, ul, ol, menu, li { list-style: none; }

fieldset, img { border: 0 none; box-sizing: border-box; }

input, select, textarea, button { vertical-align: middle; margin: 0; padding: 0; font-family: inherit; box-sizing: border-box; }

button { border: 0 none; background-color: transparent; cursor: pointer; box-sizing: border-box; }

address, caption, cite, code, dfn, em, var { font-style: normal; box-sizing: border-box; }

::before, ::after, :before, :after { box-sizing: border-box; }

input, textarea, img { max-width: 100%; }

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

sup { font-size: small; vertical-align: text-top; }

sub { font-size: small; vertical-align: text-bottom; }

button, select { -webkit-appearance: none; appearance: none; }

select { background-color: #fff; }

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

/* Hide Native Arrow IE 10, 11 */
table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }

table caption { overflow: hidden; position: absolute; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* HTML5 for older browsers */
section, main { display: block; }

img { vertical-align: top; }

strong { font-weight: 600; }

button { color: inherit; }

em { font-style: normal; }

input:read-only, input:disabled, button:disabled { cursor: default; }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 100; src: url("../common/fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../common/fonts/NotoSansKR-Thin.woff") format("woff"), url("../common/fonts/NotoSansKR-Thin.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 300; src: url("../common/fonts/NotoSansKR-Light.woff2") format("woff2"), url("../common/fonts/NotoSansKR-Light.woff") format("woff"), url("../common/fonts/NotoSansKR-Light.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 350; src: url("../common/fonts/NotoSansKR-DemiLight.woff2") format("woff2"), url("../common/fonts/NotoSansKR-DemiLight.woff") format("woff"), url("../common/fonts/NotoSansKR-DemiLight.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 400; src: url("../common/fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../common/fonts/NotoSansKR-Regular.woff") format("woff"), url("../common/fonts/NotoSansKR-Regular.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 500; src: url("../common/fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../common/fonts/NotoSansKR-Medium.woff") format("woff"), url("../common/fonts/NotoSansKR-Medium.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 700; src: url("../common/fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../common/fonts/NotoSansKR-Bold.woff") format("woff"), url("../common/fonts/NotoSansKR-Bold.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 900; src: url("../common/fonts/NotoSansKR-Black.woff2") format("woff2"), url("../common/fonts/NotoSansKR-Black.woff") format("woff"), url("../common/fonts/NotoSansKR-Black.otf") format("opentype"); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url("../common/fonts/Roboto-Thin.woff2") format("woff2"), url("../common/fonts/Roboto-Thin.woff") format("woff"), url("../common/fonts/Roboto-Thin.otf") format("opentype"); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url("../common/fonts/Roboto-Light.woff2") format("woff2"), url("../common/fonts/Roboto-Light.woff") format("woff"), url("../common/fonts/Roboto-Light.otf") format("opentype"); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url("../common/fonts/Roboto-Regular.woff2") format("woff2"), url("../common/fonts/Roboto-Regular.woff") format("woff"), url("../common/fonts/Roboto-Regular.otf") format("opentype"); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url("../common/fonts/Roboto-Medium.woff2") format("woff2"), url("../common/fonts/Roboto-Medium.woff") format("woff"), url("../common/fonts/Roboto-Medium.otf") format("opentype"); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url("../common/fonts/Roboto-Bold.woff2") format("woff2"), url("../common/fonts/Roboto-Bold.woff") format("woff"), url("../common/fonts/Roboto-Bold.otf") format("opentype"); }

:root, html { font-size: 10px; }

html, body { height: 100%; }

body { font-family: 'NotoSansKr'; font-size: 1.6rem; font-weight: 400; line-height: 1.45; color: #000; letter-spacing: -0.01em; word-break: keep-all; word-wrap: break-word; }

@media (max-width: 1100px) { body { font-size: 1.4rem; overflow-x: clip; } }

:focus { outline: 2px solid #4b9cd4 !important; }

@media (max-width: 1100px) { :focus { outline: none !important; } }

.dim { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 999; }

i[class*='icon-'] { overflow: hidden; display: -ms-inline-flexbox; display: inline-flex; white-space: nowrap; color: transparent; text-indent: 300%; box-sizing: content-box; /*transform:scale(.5);transform-origin:center;*/ }

@media (max-width: 1100px) { i[class*='icon-'] { transform: scale(0.5); transform-origin: top left; } }

.co-primary { color: #013964 !important; }

.co-secondary { color: #ef193a !important; }

.co-black { color: #000 !important; }

.co-white { color: #fff !important; }

.co-bagie { color: #e9e3d9 !important; }

.co-gray { color: #6c747e !important; }

.co-darkGray { color: #21272a !important; }

.co-lightGray { color: #ccc !important; }

.co-yellow { color: #fff27d !important; }

.co-lightYellow { color: #ffe477 !important; }

.co-red { color: #ef193a !important; }

.co-redLight { color: #eb7874 !important; }

.co-blue { color: #013964 !important; }

.co-blue2 { color: #4b9cd4 !important; }

.co-lightBlue { color: #a0d2f1 !important; }

.co-darkBlue { color: #27578d !important; }

.co-green { color: #25613d !important; }

.co-greenLight { color: #7fb152 !important; }

.mt-10 { margin-top: -1rem !important; }

.mt0 { margin-top: 0 !important; }

.mt5 { margin-top: .5rem !important; }

.mt10 { margin-top: 1rem !important; }

.mt15 { margin-top: 1.5rem !important; }

.mt20 { margin-top: 2rem !important; }

.mt25 { margin-top: 2.5rem !important; }

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

.mt35 { margin-top: 3.5rem !important; }

.mt40 { margin-top: 4rem !important; }

.mt45 { margin-top: 4.5rem !important; }

.mt50 { margin-top: 5rem !important; }

.mt55 { margin-top: 5.5rem !important; }

.mt60 { margin-top: 6rem !important; }

button.typeBox { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; font-size: 1.5rem; color: #000; height: 4rem; border-radius: .5rem; border: 1px solid #ebeaea; width: 100%; background-color: #fff; -ms-flex-pack: center; justify-content: center; }

hr.line { height: 1px; background-color: #ebeaea; margin: 2rem 0; border: none; }

hr.line.white { background-color: transparent; }

hr.line.sml { margin: 1rem 0; }

hr.line.wide { margin: 3rem 0; background-color: transparent; border-top: 1px dashed #ebeaea; }

header { width: 100%; margin: auto; position: relative; z-index: 11; }

header:before { content: ''; position: absolute; width: 100%; height: 1px; top: 6.5rem; z-index: 2; }

header:after { content: ''; position: absolute; width: 100%; height: 1px; /*background-color: #ebeaea;*/ top: 14.4rem; z-index: 1; }

header nav { background-color: #fff; position: relative; width: 100%;}

header nav .guide {display: -ms-flexbox; display: flex; /*justify-content: flex-end;*/ justify-content: flex-start; -ms-flex-align: center; align-items: center; position: relative; width: 100%; /*max-width: 110rem; max-width: 160rem;*/ z-index: 1; margin: auto; padding: 1.2rem 2rem 0; border-bottom: 1px solid #ebeaea; background: #edf1f5;}

header nav .guide a { position: relative; color: #fff; font-size: 28px; font-weight: bold; letter-spacing: -2; }

header nav .guide a span { color: #32b1ff; }

header nav .guide a img { position: absolute; top: 50%; right: -26px; transform: translateY(-50%);}

header nav .guide .toggle-wrap {width: 100%;}
header nav .guide .toggle-head .inner {position: relative; display: flex; align-items: center; gap: 0.4rem 1.6rem; min-height: 3.2rem; padding: 0 1.6rem 0.8rem 4.8rem;}
header nav .guide .toggle-head .nuri-txt {font-size: 1.5rem;}
header nav .guide .toggle-head .nuri-txt::before {display: inline-flex; position: absolute; top: 0.4rem; left: 1.6rem; content: ""; width: 2.4rem; height: 1.6rem; margin-right: 0.8rem; background: url(../img/sprite/header_flag.png) no-repeat center; background-size: contain; }

header nav .guide .toggle-head .toggle-btn {display: inline-flex; align-items: center; gap: 0.8rem; font-size: 1.4rem; color: #003675;}
header nav .guide .toggle-head .toggle-btn::after {display: inline-flex; content: ""; width: 1.6rem; height: 1.6rem; background: url(../img/sprite/ico_arr_20_down_blue.svg) no-repeat center / contain; transition: 0.4s ease-in-out;}
header nav .guide .toggle-head.active .toggle-btn::after {transform: rotate(-180deg);}
header nav .guide .toggle-head.active ~ .toggle-body { display: block;}
header nav .toggle-body::before {display: flex; content: ""; border-top: 0.1rem solid #CDD7E4;}
header nav .guide .toggle-body {height: 0; transition: 0.4s ease-in-out; overflow: hidden;}
header nav .guide .toggle-body.active {height: auto; transition: 0.4s ease-in-out;}
header nav .guide .toggle-body .inner {padding: 2.4rem 1.6rem 1.6rem;}
header nav .toggle-body .dl {display: flex; align-items: normal; justify-content: flex-start; flex-direction: column; gap: 1.6rem; flex: 1;}
header nav .toggle-body .dl .dt {display: flex; align-items: center; gap: 0.8rem; font-size: 17px; font-weight: 700;}
header nav .guide .inner {display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; max-width: 1920px;}
header nav .toggle-body .dl .dt::before { display: inline-flex; content: ""; width: 2rem; height: 2rem; background: url(../img/sprite/head_ico_nuri.svg) no-repeat center / contain; }
header nav .guide .toggle-body .btn-txt.ico-go::after {content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; background: url(../img/sprite/ico_go_20.svg) no-repeat center / contain;}
header nav .toggle-body .dl dd {font-size: 1.5rem; color: #555; padding-left: 2.8rem;}
header nav .toggle-body .dl dd a {display: flex; align-items: center; gap: 0.2rem; font-size: 1.5rem; color: #555; font-weight: 400;}

header nav .topBtn {position: absolute; top: 0.6rem; right: 2rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1.2rem; -ms-flex-pack: end; justify-content: flex-end;}

header nav .topBtn > button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; height: 3.2rem; border-radius: .4rem; padding: 0 1rem; font-size: 1.4rem; color: #21272a; border: 1px solid #ebeaea; }

header nav .topArea { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: justify; justify-content: space-between; height: 8rem; font-size: 1.6rem; font-weight: 400; max-width: 110rem; width: 100%; max-width: 160rem; z-index: 1; margin: auto; padding: 0 2rem;}

header nav .topArea .left { min-width: 24.8rem; }

header nav .topArea .left h1 { display: flex; align-items: center; gap: 8px; }

header nav .topArea .left h1 p { width: 1px; height: 24px; background-color: #7a7a7a; }

/*header nav .topArea .left img { width: 24.8rem; }*/

header nav .topArea .right { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: end; justify-content: flex-end; min-width: 24.8rem; width: 24.8rem; }

header nav .topArea .right .topIcon { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1.2rem; position: relative; width: 100%; }

header nav .topArea .right .topIcon input { width: 100%; height: 4.2rem; border-radius: 1rem; border: 0.3rem solid #013964; padding: 0 4.8rem 0 2rem; font-size: 1.6rem; }

header nav .topArea .right .topIcon button { position: absolute; top: 50%; transform: translateY(-50%); right: 2rem; }

header nav .topArea .right .topIcon button.btnOpen { display: none; }

header nav .topArea .menuArea { width: 100%; max-width: 100rem; }

header nav .topArea .menuArea .btnClose { display: none; }

header nav .topArea .menuArea .dep01 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-pack: space-evenly; justify-content: space-evenly; font-size: 1.8rem; font-weight: 500; color: #000; background-color: #fff; position: relative; }

header nav .topArea .menuArea .dep01 > li { text-align: center; position: relative; }

header nav .topArea .menuArea .dep01 > li > a { display: block; border-bottom: .3rem solid transparent; height: 8rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; color: #000; width: 100%; text-align: center; -ms-flex-pack: center; justify-content: center; white-space: nowrap; padding: 0; transition: all 0.2s ease 0.05s; }

header nav .topArea .menuArea .dep01 > li > a.current { border-bottom-color: #013964; font-weight: 700; color: #013964; }

header nav .topArea .menuArea .dep01 > li .dep02 { font-size: 1.6rem; position: absolute; left: 50%; transform: translateX(-50%); width: auto; font-weight: 400; display: none; margin-top: 3rem; }

header nav .topArea .menuArea .dep01 > li .dep02 > li + li { margin-top: 2rem; }

header nav .topArea .menuArea .dep01 > li .dep02 > li > a { white-space: nowrap; text-align: center; display: block; color: #21272a; transition: all 0.2s ease 0.05s; font-size: 16px;}

header nav .topArea .menuArea .dep01 > li .dep02 > li > a:hover { font-weight: 500; text-decoration: underline; color: #013964; font-size: 16px; }

header nav .topArea .menuArea .dep01 > li .dep02 > li > a:focus { font-weight: 500; text-decoration: underline; color: #013964; outline: none !important; }

header nav .topArea .menuArea .dep01 > li .dep02 > li i { margin-left: .6rem; /*display:none;*/ }

header nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 { display: none; }

header nav .topArea .menuArea .moArea { display: none; }

header nav .topArea .menuArea .bg { width: 100vw; position: absolute; top: 8rem; left: 50%; transform: translateX(-50%); height: 25rem; background-color: #fff; z-index: -1; display: none; border-bottom: 1px solid #ebeaea; }

header nav .topArea .menuArea .bg.isActive { display: block; }

header.isSticky { height: 14.5rem; }

header.isSticky nav { position: fixed; top: 0; left: 50%; transform: translateX(-50%); }

header.isSticky nav:before { content: ''; width: 100vw; height: 8rem; background-color: #fff; position: absolute; top: 0; left: 50%; transform: translateX(-50%); box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1); z-index: -1; }

header.isSticky nav .topBtn { display: none; }

header.isSticky nav .topArea .menuArea .bg { top: 8rem; border-top: 1px solid #ebeaea; }

@media (max-width: 1100px) { header { width: 100%; margin: auto; position: relative; z-index: 11; }
    header:before { top: 6rem; z-index: 2; }
    header:after { display: none; }
    header nav { width: 100%; max-width: 100%; z-index: 1; position: relative; margin: auto; /*padding: 0 2rem;*/ padding: 0; background-color: #fff; }
    /* header nav .guide { display: none; } */
    header nav .guide {padding: 1.2rem 0 0;}
    header nav .guide .toggle-head .inner {padding-bottom: 1.2rem;}
    header nav .topBtn { display: none; }
    header nav .topArea { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: justify; justify-content: space-between; height: 6rem; font-size: 1.6rem; font-weight: 400; }
    header nav .topArea .left { min-width: 12.4rem; }
    header nav .topArea .left h1 { display: flex; align-items: center; gap: 4px; }
    header nav .topArea .left h1 p { width: 1px; height: 24px; background-color: #7a7a7a; }
    header nav .topArea .left img { width: 12.4rem; }
    header nav .topArea .right { min-width: auto; width: auto; }
    header nav .topArea .right .topIcon { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1.2rem; position: relative; width: 100%; }
    header nav .topArea .right .topIcon input { display: none; }
    header nav .topArea .right .topIcon button { display: none; }
    header nav .topArea .right .topIcon button.btnOpen { display: -ms-flexbox; display: flex; right: -.8rem; }
    header nav .topArea .menuArea { display: none; }
    header.allMenuActive nav { position: relative; }
    header.allMenuActive nav .topBtn { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; padding: 0; position: absolute; top: 1.5rem; left: 2rem; z-index: 3; gap: .5rem; }
    header.allMenuActive nav .topBtn > button { padding: .3rem .8rem; height: 2.8rem; font-size: 1.2rem; color: #fff; }
    header.allMenuActive nav .topArea { position: relative; z-index: 2; }
    header.allMenuActive nav .topArea .right { width: calc(100% - 15rem); }
    header.allMenuActive nav .topArea .right .topIcon { margin-right: 4rem; z-index: 1; -ms-flex-pack: end; justify-content: flex-end; }
    header.allMenuActive nav .topArea .right .topIcon input { display: block; height: 2.8rem; padding: 0 3rem 0 1rem; border-width: 0.2rem; font-size: 1.2rem; border-radius: 10rem; }
    header.allMenuActive nav .topArea .right .topIcon button { display: block; }
    header.allMenuActive nav .topArea .right .topIcon button.btnSch { display: -ms-flexbox; display: flex; right: 1.5rem; }
    header.allMenuActive nav .topArea .right .topIcon button.btnOpen { display: none; }
    header.allMenuActive nav .menuArea { display: block; position: absolute; top: 2rem; left: 0; max-width: 100%; z-index: 1; }
    header.allMenuActive nav .menuArea:before { content: ''; position: absolute; top: -2rem; left: -2rem; width: calc(100% + 4rem); background-color: #013964; height: 6rem; z-index: 1; display: block !important; }
    header.allMenuActive nav .menuArea .btnClose { position: absolute; top: -.6rem; right: -.8rem; display: block; z-index: 3; }
    header.allMenuActive nav .menuArea .btnClose i { min-width: 3.2rem !important; }
    header.allMenuActive nav .menuArea .btnClose i img { width: 3.2rem !important; }
    header.allMenuActive nav .menuArea .dep01 { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; width: calc(100% + 4rem); border-bottom: 1px solid #ebeaea; gap: 0; padding: 2rem; margin: 4rem -2rem 0; }
    header.allMenuActive nav .menuArea .dep01 > li { text-align: left; position: static; width: 100%; }
    header.allMenuActive nav .menuArea .dep01 > li + li { border-top: 1px solid #ebeaea; }
    header.allMenuActive nav .menuArea .dep01 > li:not(:first-child):before { display: none; }
    header.allMenuActive nav .menuArea .dep01 > li a { height: 5rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: start; justify-content: flex-start; }
    header.allMenuActive nav .menuArea .dep01 > li a.current + .dep02 { display: -ms-flexbox !important; display: flex !important; }
    header.allMenuActive nav .menuArea .dep01 > li .dep02 { display: none !important; padding: 0; position: relative; width: 100%; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; margin-top: 0; background-color: rgba(0, 0, 0, 0.05); padding: 2rem; }
    header.allMenuActive nav .menuArea .dep01 > li .dep02 > li a { padding: 0; height: auto; font-size: 1.4rem; }
    /*header.allMenuActive nav .menuArea .dep01 > li:nth-child(1) .dep02 { left: 0; }*/
    /*header.allMenuActive nav .menuArea .dep01 > li:nth-child(2) .dep02 { left: 0%; }*/
    /*header.allMenuActive nav .menuArea .dep01 > li:nth-child(3) .dep02 { left: 0%; }*/
    /*header.allMenuActive nav .menuArea .dep01 > li:nth-child(4) .dep02 { left: 0%; }*/
    /*header.allMenuActive nav .menuArea .dep01 > li:nth-child(5) .dep02 { left: 0%; }*/
    /*header.allMenuActive nav .menuArea .dep01 > li:nth-child(6) .dep02 { left: 0%; }*/
    header.allMenuActive nav .menuArea .bg { display: block !important; position: fixed; width: 100vw; background-color: #fff; top: 1px; height: 100vh; }
    header.isSticky { height: auto; }
    header.isSticky nav { position: relative; top: 0; left: 50%; transform: translateX(-50%); }
    header.isSticky nav:before { content: ''; width: 100vw; height: 8rem; background-color: #fff; position: absolute; top: 0; left: 50%; transform: translateX(-50%); box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1); z-index: -1; }
    header.isSticky nav .topBtn { display: none; }
    header.isSticky nav .topArea .menuArea .bg { top: 8rem; border-top: 1px solid #ebeaea; } }

footer { color: #fff; background-color: #343a3f; line-height: 2; width: 100%; position: relative; margin-top: 9.6rem; }

footer:before { content: ''; position: absolute; top: 6rem; height: 1px; width: 100%; background-color: rgba(255, 255, 255, 0.1); }

footer .moveTop { position: absolute; right: 2rem; top: -6rem; display: none; z-index: 1; }

footer .moveTop > button > i > img { width: 4.8rem !important; }

footer .footTerms { width: 100%; max-width: 160rem; margin: auto; padding: 2rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 3rem; }

footer .footTerms button { font-size: 1.6rem; position: relative; }

footer .footTerms button:not(:first-child):before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; height: 1.5rem; background-color: rgba(255, 255, 255, 0.3); left: -1.5rem; }

footer .footTerms button.agree { color: #a0d2f1; }

footer > .wrapper { width: 100%; max-width: 160rem; margin: auto; font-size: 1.4rem; padding: 2rem 2rem 16rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; }

footer > .wrapper > .left { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 6rem; -ms-flex-align: start; align-items: flex-start; }

footer > .wrapper > .left .f-logo {position: relative;}
footer > .wrapper > .left .f-logo a {position: absolute;top: 0;height:100%;}
footer > .wrapper > .left .f-logo a:first-of-type {left: 0;width: 46%;}
footer > .wrapper > .left .f-logo a:last-of-type {right: 0;width: 52.5%;}

footer > .wrapper > .right { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 3rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: end; align-items: flex-end; }

footer > .wrapper > .right .formSelect { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; }

footer > .wrapper > .right .formSelect .selZone select { background: #666 url(../img/common/sel_arrow_w.png) no-repeat center right 1rem; background-size: auto 2.4rem; color: #fff; font-size: 1.4rem; border: none; padding: 0 4rem 0 2rem; height: 4rem; }

footer > .wrapper > .right .formSelect .btnA11y { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; padding: 0 1.5rem; border-radius: 0; background-color: #21272a; color: #fff; height: 4rem; }

footer > .wrapper > .right .markCont { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1.6rem; }

footer > .wrapper > .right .markCont img { height: 10rem; }

@media (max-width: 1100px) { footer { margin-top: 4rem; }
    footer:before { top: 5rem; }
    footer .moveTop { right: 1rem; top: -6rem; }
    footer .moveTop > button { width: 4rem; height: 4rem; }
    footer .footTerms { max-width: 100%; padding: 1.5rem; gap: 2rem; -ms-flex-pack: center; justify-content: center; }
    footer .footTerms button { font-size: 1.2rem; }
    footer .footTerms button:not(:first-child):before { height: 1.2rem; left: -1rem; }
    footer > .wrapper { max-width: 100%; font-size: 1.2rem; padding: 2rem 1.5rem 8rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; gap: 3rem; }
    footer > .wrapper > .left { gap: 1.5rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; }
    footer > .wrapper > .left button img { height: 1.9rem; }
    footer > .wrapper > .left .addr { text-align: center; }
    footer > .wrapper > .left .addr .forMo { display: block; }
    footer > .wrapper > .right { gap: 1.5rem; }
    footer > .wrapper > .right .formSelect .selZone select { font-size: 1.2rem; }
    footer > .wrapper > .right .markCont { display: none; } }

body main { margin-top: 4.8rem; }

body main > .container { max-width: 160rem; min-height: 30rem; margin: auto; padding: 0 2rem; }

@media (max-width: 1100px) { body main > .container { max-width: 76rem; } }

/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-acc_arrow { background-image: url(../img/sprite/sprite.png); background-position: -24.5rem -16.4rem; width: 2.8rem; height: 1.7rem; }

.icon-arrow_green { background-image: url(../img/sprite/sprite.png); background-position: -34.3rem -15.2rem; width: 3.9rem; height: 3.5rem; }

.icon-arrow_right { background-image: url(../img/sprite/sprite.png); background-position: -38.7rem -6.4rem; width: 1.2rem; height: 2.1rem; }

.icon-btn_exclam { background-image: url(../img/sprite/sprite.png); background-position: -27.9rem 0px; width: 6rem; height: 6rem; }

.icon-btn_minus { background-image: url(../img/sprite/sprite.png); background-position: -27.9rem -6.4rem; width: 6rem; height: 6rem; }

.icon-btn_minus_dis { background-image: url(../img/sprite/sprite.png); background-position: -27.9rem -12.8rem; width: 6rem; height: 6rem; }

.icon-btn_pen { background-image: url(../img/sprite/sprite.png); background-position: -37.7rem -22.5rem; width: 2.2rem; height: 2.2rem; }

.icon-btn_pen2 { background-image: url(../img/sprite/sprite.png); background-position: -11.7rem 0px; width: 9rem; height: 9rem; }

.icon-btn_plus { background-image: url(../img/sprite/sprite.png); background-position: -27.9rem -19.2rem; width: 6rem; height: 6rem; }

.icon-btn_reflesh { background-image: url(../img/sprite/sprite.png); background-position: 0px 0px; width: 11.3rem; height: 10rem; }

.icon-btn_reflesh2 { background-image: url(../img/sprite/sprite.png); background-position: -34.3rem -6.4rem; width: 4rem; height: 4rem; }

.icon-btn_tra { background-image: url(../img/sprite/sprite.png); background-position: -36.5rem -27.7rem; width: 2.4rem; height: 2.4rem; }

.icon-chk_check { background-image: url(../img/sprite/sprite.png); background-position: 0px -25.6rem; width: 6rem; height: 6rem; }

.icon-chk_check_checked { background-image: url(../img/sprite/sprite.png); background-position: -6.4rem -25.6rem; width: 6rem; height: 6rem; }

.icon-chk_check_checked_dis { background-image: url(../img/sprite/sprite.png); background-position: -12.8rem -25.6rem; width: 6rem; height: 6rem; }

.icon-chk_radio { background-image: url(../img/sprite/sprite.png); background-position: -19.2rem -25.6rem; width: 6rem; height: 6rem; }

.icon-chk_radio_checked { background-image: url(../img/sprite/sprite.png); background-position: -25.6rem -25.6rem; width: 6rem; height: 6rem; }

.icon-chk_radio_checked_dis { background-image: url(../img/sprite/sprite.png); background-position: -34.3rem 0px; width: 6rem; height: 6rem; }

.icon-close { background-image: url(../img/sprite/sprite.png); background-position: -8.4rem -10.4rem; width: 6.4rem; height: 6.4rem; }

.icon-close_mo { background-image: url(../img/sprite/sprite.png); background-position: -21.1rem 0px; width: 6.4rem; height: 6.4rem; }

.icon-close_w { background-image: url(../img/sprite/sprite.png); background-position: -21.1rem -6.8rem; width: 6.4rem; height: 6.4rem; }

.icon-close_w_mo { background-image: url(../img/sprite/sprite.png); background-position: 0px -18.8rem; width: 6.4rem; height: 6.4rem; }

.icon-ham { background-image: url(../img/sprite/sprite.png); background-position: -6.8rem -18.8rem; width: 6.4rem; height: 6.4rem; }

.icon-ham_m { background-image: url(../img/sprite/sprite.png); background-position: -13.6rem -18.8rem; width: 6.4rem; height: 6.4rem; }

.icon-ham_mo { background-image: url(../img/sprite/sprite.png); background-position: -20.4rem -18.8rem; width: 6.4rem; height: 6.4rem; }

.icon-header_menu { background-image: url(../img/sprite/sprite.png); background-position: -34.3rem -19.1rem; width: 3.7rem; height: 3rem; }

.icon-header_prev { background-image: url(../img/sprite/sprite.png); background-position: -34.3rem -27.7rem; width: 1.8rem; height: 3.2rem; }

.icon-ico_down { background-image: url(../img/sprite/sprite.png); background-position: -32rem -25.6rem; width: 1.9rem; height: 1.9rem; }

.icon-ico_down_mo { background-image: url(../img/sprite/sprite.png); background-position: -32rem -27.9rem; width: 1.9rem; height: 1.9rem; }

.icon-ico_msg { background-image: url(../img/sprite/sprite.png); background-position: -37.7rem -25.1rem; width: 2.3rem; height: 2rem; }

.icon-ico_msg_mo { background-image: url(../img/sprite/sprite.png); background-position: -15.2rem -10.4rem; width: 2.3rem; height: 2rem; }

.icon-ico_plus { background-image: url(../img/sprite/sprite.png); background-position: -38.7rem -8.9rem; width: 0.8rem; height: 0.8rem; }

.icon-ico_plus_mo { background-image: url(../img/sprite/sprite.png); background-position: -38.7rem -10.8rem; width: 0.8rem; height: 0.8rem; }

.icon-ico_star { background-image: url(../img/sprite/sprite.png); background-position: 0px -32rem; width: 1.9rem; height: 1.8rem; }

.icon-ico_star_mo { background-image: url(../img/sprite/sprite.png); background-position: -2.3rem -32rem; width: 1.9rem; height: 1.8rem; }

.icon-ico_zoom { background-image: url(../img/sprite/sprite.png); background-position: -17.9rem -10.4rem; width: 2rem; height: 2rem; }

.icon-ico_zoom_mo { background-image: url(../img/sprite/sprite.png); background-position: -15.2rem -12.8rem; width: 2rem; height: 2rem; }

.icon-inp_clear { background-image: url(../img/sprite/sprite.png); background-position: -38.4rem -19.1rem; width: 1.9rem; height: 2rem; }

.icon-inp_clear_w { background-image: url(../img/sprite/sprite.png); background-position: -17.6rem -12.8rem; width: 1.9rem; height: 2rem; }

.icon-inp_view { background-image: url(../img/sprite/sprite.png); background-position: -23.9rem -13.6rem; width: 3rem; height: 1.8rem; }

.icon-inp_view_dis { background-image: url(../img/sprite/sprite.png); background-position: -34.3rem -22.5rem; width: 3rem; height: 2.2rem; }

.icon-inp_view_dis_w { background-image: url(../img/sprite/sprite.png); background-position: -34.3rem -25.1rem; width: 3rem; height: 2.2rem; }

.icon-inp_view_w { background-image: url(../img/sprite/sprite.png); background-position: -21.1rem -16.4rem; width: 3rem; height: 1.8rem; }

.icon-modal_close { background-image: url(../img/sprite/sprite.png); background-position: -21.1rem -13.6rem; width: 2.4rem; height: 2.4rem; }

.icon-moveTop { background-image: url(../img/sprite/sprite.png); background-position: -34.3rem -10.8rem; width: 4rem; height: 4rem; }

.icon-moveTop_mo { background-image: url(../img/sprite/sprite.png); background-position: 0px -10.4rem; width: 8rem; height: 8rem; }

.icon-sel_arrow { background-image: url(../img/sprite/sprite.png); background-position: -15.2rem -15.2rem; width: 1.9rem; height: 1.1rem; }

.icon-sel_arrow_w { background-image: url(../img/sprite/sprite.png); background-position: -17.5rem -15.2rem; width: 1.9rem; height: 1.1rem; }

.icon-ico_guide { background-image: url(../img/main/ic_guide.png); width: 2.2rem; height: 1.7rem; }

.icon-ico_guide_mo { background-image: url(../img/main/ic_guide.png); width: 2.2rem; height: 1.7rem; }

.mainSecGroup {background-image: linear-gradient(90deg,rgba(250, 250, 250, 1) 0%, rgba(250, 250, 250, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);}
.mainSecGroup .inner {display: flex;width: calc(100% - 4rem); max-width: 139.8rem; margin: auto; padding: 5rem 10rem 5rem;}

.mainSecGroup .mainSec { width: 50% !important;}

.mainSec .secTit { text-align: center; font-size: 4rem; font-weight: 500; color: #000; }

.mainSec .secSubTit { text-align: center; font-size: 1.6rem; font-weight: 400; color: #6c747e; margin-top: 1rem; }

.mainSec.sec01 .mainKeyVisual { width: 100%; position: relative; overflow: hidden; }

.mainSec.sec01 .mainKeyVisual:before { content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); display: block; z-index: 2; position: absolute; }

.mainSec.sec01 .mainKeyVisual .swiper-slide { width: 100%; height: 25rem; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.mainSec.sec01 .mainKeyVisual .visualTxt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; }

.mainSec.sec01 .mainKeyVisual [class^=swiper-button] { width: 6.2rem; height: 11.5rem; }

.mainSec.sec02 { width: 100%; max-width: 160rem; margin: auto; padding: 10rem 2rem; position: relative; background: url(../img/main/main_dot.png) center no-repeat; }

.mainSec.sec02 .secCont { position: relative; margin: 4rem auto 0; border-radius: 2rem; width: 100%; max-width: 119.8rem; padding: 3.5rem 5rem; color: #fff; background: #007960 url(../../images/www/common/main_illust.png?v=0.1) no-repeat top 3.5rem right 5rem; background-size: 25.9rem auto;}

.mainSec.sec02 .secCont .topArea { display: -ms-flexbox; display: flex; -ms-flex-align: flex-start; align-items: flex-start; gap: 0; -ms-flex-pack: justify; justify-content: space-between; }
.mainSec.sec02 .secCont .topArea img:nth-child(1) {width: 20rem;}
.mainSec.sec02 .secCont .topArea img:nth-child(2) {position: absolute; right: 5rem; bottom: 3.5rem;}

.mainSec.sec02 .secCont .unitList { margin-top: 2rem; font-size: 2rem; padding-right: 40rem;}
.mainSec.sec02 .secCont .unitList li {letter-spacing: -0.25px; padding: 0.25rem 0; padding-left: 1.5rem;}
.mainSec.sec02 .secCont .unitList li:before { top: 1rem; height: 2px; background-color: #fff; }

.mainSec.sec02 .btnArea { margin: 4rem auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 4rem; -ms-flex-pack: center; justify-content: center; }

.mainSec.sec02 .btnArea button { border: 1px solid #ebeaea; padding: 1rem 2rem; border-radius: .5rem; display: -ms-flexbox; display: flex; justify-content: center; -ms-flex-align: center; align-items: center; gap: 1rem; font-size: 1.8rem; color: #21272a; background-color: #fff; max-width: 32rem; width: 100%; height: 6rem;}

.mainSec.sec02 .btnArea button i,
.mainSec.sec02 .btnArea button span,
.mainSec.sec02 .btnArea button strong {font-size: 1.8rem;}

.mainSec.sec03.sec-full {width: 100%; max-width: none; padding: 0; border-radius: 0; background: url(../../images/www/common/main03_bg.jpg?v=0.1) no-repeat center / cover;}

.mainSec.sec03 { margin: auto; padding: 0 3.75rem 0 0; position: relative; background-color: transparent; border-radius: 0; overflow: hidden; }
.mainSec.sec03 .secSubTit {position: relative;}
.mainSec.sec03 .btn_shortcut {border: 1px solid #007960; margin: 6rem auto 0; padding: 1rem 2rem; border-radius: .5rem; display: -ms-flexbox; display: flex; justify-content: center; -ms-flex-align: center; align-items: center; gap: 1rem; font-size: 1.6rem; color: #fff; background-color: #007960; max-width: 32rem; width: 100%; height: 5rem;}
.mainSec.sec03 .btn_shortcut .icon-ico_down,
.mainSec.sec03 .btn_shortcut .icon-ico_down_mo {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M6.50049 1.72266V7.84058' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M3.89282 5.375L6.51081 7.97681L9.12855 5.375' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M1.28613 8.71484V10.5816C1.28607 11.126 1.53673 12.2148 2.53981 12.2148C3.5429 12.2148 8.1961 12.2148 10.3973 12.2148C10.8362 12.15 11.7139 11.8143 11.7139 10.9899C11.7139 10.1654 11.7139 9.12968 11.7139 8.71484' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position: center;background-size: 100% 100%;}
.mainSec.sec03 .btn_shortcut span,
.mainSec.sec03 .btn_shortcut strong {font-size: 1.6rem;color: #fff;}
.mainSec.sec03 .video-swiper-wrap {position: relative;width: 100%;max-width: 200px;margin:0 auto;}
.mainSec.sec03 .mainImgSwiper { width: 100%; position: relative; overflow-x:clip; margin: 5rem auto 0; }

.mainSec.sec03 .mainImgSwiper:before,
.mainSec.sec03 .mainImgSwiper:after {
    display: none;
}
/* .mainSec.sec03 .mainImgSwiper:before { content: ''; width: 20rem; height: 100%; background-color: #ecf7f5; position: absolute; top: 50%; transform: translateY(-50%); left: -20rem; z-index: 2; }

.mainSec.sec03 .mainImgSwiper:after { content: ''; width: 20rem; height: 100%; background-color: #ecf7f5; position: absolute; top: 50%; transform: translateY(-50%); right: -20rem; z-index: 2; } */

.mainSec.sec03 .mainImgSwiper .swiper-slide { width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 3.2rem; margin-bottom: 1rem; }

.mainSec.sec03 .mainImgSwiper .swiper-slide:hover, .mainSec.sec03 .mainImgSwiper .swiper-slide:focus { background-size: 120%; transition: all 0.2s ease 0.05s; }

.mainSec.sec03 .mainImgSwiper .swiper-slide .infoArea { position: absolute; top: 20rem; left: 0; bottom: auto; display: -ms-flexbox; display: flex; -ms-flex-align: flex-start; align-items: flex-start; gap: 1rem; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; width: 100%; padding-top: 2rem; text-align: left;}

.mainSec.sec03 .mainImgSwiper .swiper-slide .infoArea > .sequence { width: 7rem; font-size: 1.8rem; font-weight: 700; color: #001051; text-align: right;}
.mainSec.sec03 .mainImgSwiper .swiper-slide .infoArea > .divid-line {position: relative; top: 0.7rem; width: 2px; height: 1.2rem; background: #cbcbcb;}
.mainSec.sec03 .mainImgSwiper .swiper-slide .infoArea > .tit { width: calc(100% - 7.2rem); font-size: 1.8rem; color: #000;}

/* .mainSec.sec03 .mainImgSwiper .swiper-slide .infoArea > .date { font-size: 14rem; color: #21272a; }

.mainSec.sec03 .mainImgSwiper .swiper-slide .infoArea > .rate { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.2rem; } */

.mainSec.sec03 .mainImgSwiper [class^=swiper-button] { width: 6.2rem; height: 11.5rem; background-image: url(../img/main/visual_arrow2.png); width: 2.1rem; height: 4rem; right: -4rem; top: calc(50% - 3rem); }

.mainSec.sec03 .mainImgSwiper [class^=swiper-button].swiper-button-prev { left: -4rem; }

.mainSec.sec03 .mainImgSwiper .controller { bottom: -2.4rem; }

.mainSec.sec03 .mainImgSwiper .controller .mainSwiper-pagin > span {background-color: #178871; }
.mainSec.sec03 .mainImgSwiper .controller .swiper-pagination span.swiper-pagination-bullet-active {width: 2.4rem;}
.mainSec.sec03 .swiper-btn-wrap .swiper-button-prev,
.mainSec.sec03 .swiper-btn-wrap .swiper-button-next { top: 50%; transform: translateX(-50%); width: 4.8rem; height: 4.8rem; color: transparent; background: url(../../images/www/common/slider-arrow.png) no-repeat center / 4.8rem;}
.mainSec.sec03 .swiper-btn-wrap .swiper-button-prev {transform: rotate(180deg); left: -8rem;}
.mainSec.sec03 .swiper-btn-wrap .swiper-button-next {right: -10rem;}
.mainSec.sec03 .swiper-btn-wrap .swiper-button-prev:hover,
.mainSec.sec03 .swiper-btn-wrap .swiper-button-next:hover {background: url(../../images/www/common/slider-hover.png) no-repeat center / 4.8rem;}

.mainSec.sec04 { padding: 0 0 0 3.75rem; position: relative; }

.mainSec.sec04 .brdCont { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 3rem; -ms-flex-align: stretch; align-items: stretch; margin-top: 5rem; }

.mainSec.sec04 .brdCont .brdList { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; position: relative;width: 100%;}

.mainSec.sec04 .brdCont .brdList .topArea { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }

.mainSec.sec04 .brdCont .brdList .topArea > .left > .tit { font-size: 2.4rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; }

.mainSec.sec04 .brdCont .brdList .topArea > .left > .tit > img { margin-left: 1rem; }

.mainSec.sec04 .brdCont .brdList .topArea > .left > .desc { margin-top: .5rem; font-size: 1.4rem; color: #6c747e; }

.mainSec.sec04 .brdCont .brdList .topArea > .right > button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.5rem; padding: .5rem 1.5rem; font-size: 1.4rem; color: #6c747e; border: 1px solid #ebeaea; border-radius: .5rem; }

.mainSec.sec04 .brdCont .brdList .txtArea { border-top: 0.2rem solid #000; border-bottom: 1px solid #ebeaea; position: relative; }

/* .mainSec.sec04 .brdCont .brdList .txtArea:before { content: ''; position: absolute; left: 50%; width: 1px; height: 100%; background-color: #ebeaea; } */

.mainSec.sec04 .brdCont .brdList .txtArea:after {content: ''; position: absolute; top: 50%; width: 100%; height: 1px; background-color: #ebeaea; }

.mainSec.sec04 .brdCont .brdList .txtArea > button { width: 100%; padding: 2rem; display: -ms-flexbox; display: flex; gap: 0.5rem; position: relative; -ms-flex-align: center; align-items: center; }

/* .mainSec.sec04 .brdCont .brdList .txtArea > button > .cont {display: flex;width: 100%;} */
.mainSec.sec04 .brdCont .brdList .txtArea > button > .text {width: calc(100% - 8rem);text-align: left;}
.mainSec.sec04 .brdCont .brdList .txtArea > button > .text > .tit { display: -webkit-box; word-break: keep-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; max-height: 5rem; text-align: left; font-size: 1.8rem; color: #000; font-weight: 500; overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}

.mainSec.sec04 .brdCont .brdList .txtArea > button > .text > .q {overflow: hidden;display: block;margin-top: 0.75rem;color: #333;font-size: 1.5rem; text-overflow: ellipsis;white-space: nowrap;}

.mainSec.sec04 .brdCont .brdList .txtArea > button > .reply {flex-shrink: 0; width: 8rem; font-weight: 500; color: #013964; font-weight: 500; }

.mainSec.sec04 .brdCont .brdList .txtArea > button > .date { position: absolute; left: 2rem; bottom: 2rem; color: #6c747e; font-size: 1.4rem; }

.mainSec.sec04 .brdCont .brdList .bottomArea {transform: translateY(50%);position: absolute; top: 0;right: 0;}

.mainSec.sec04 .brdCont .brdList .bottomArea > button {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;gap: 0.5rem;padding: .5rem 1.5rem;font-size: 1.4rem;color: #6c747e;border: 1px solid #ebeaea;border-radius: .5rem;}

.mainSec.sec05.sec-full {width: 100%; max-width: none; padding: 0; border-radius: 0; background: url(../../images/www/common/main03_bg.jpg?v=0.1) no-repeat center top / cover;}

.mainSec.sec05 .inner { width: calc(100% - 4rem); max-width: 139.8rem; margin: auto; padding: 5rem 10rem 10rem; position: relative; background-color: transparent; border-radius: 0; overflow: hidden; }
.mainSec.sec05 .secSubTit {position: relative;}
.mainSec.sec05 .btn_shortcut {position: absolute;top: 11rem;right: 10rem; display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;gap: 0.5rem; padding: .5rem 1.5rem;font-size: 1.4rem;color: #6c747e;border: 1px solid #ebeaea;border-radius: .5rem;background-color: #fff;}
.mainSec.sec05 .btn_shortcut span,
.mainSec.sec05 .btn_shortcut strong {font-size: 1.4rem;}
.mainSec.sec05 .mainSwiper { width: 100%; position: relative; overflow-x:clip; margin: 5rem auto 0; }

.mainSec.sec05 .mainSwiper:before,
.mainSec.sec05 .mainSwiper:after {
    display: none;
}
/* .mainSec.sec05 .mainSwiper:before { content: ''; width: 20rem; height: 100%; background-color: #ecf7f5; position: absolute; top: 50%; transform: translateY(-50%); left: -20rem; z-index: 2; }

.mainSec.sec05 .mainSwiper:after { content: ''; width: 20rem; height: 100%; background-color: #ecf7f5; position: absolute; top: 50%; transform: translateY(-50%); right: -20rem; z-index: 2; } */

.mainSec.sec05 .mainSwiper .swiper-slide { width: 100%;border-radius: 3.2rem; margin-bottom: 1rem; }
.mainSec.sec05 .mainSwiper .swiper-slide > button {display: block;width: 100%;}
.mainSec.sec05 .mainSwiper .swiper-slide .img {overflow: hidden; position: relative; width: 100%;aspect-ratio: 333/220; border-radius: 1.25rem;}
.mainSec.sec05 .mainSwiper .swiper-slide .img img {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-49.99%, -49.99%);}
.mainSec.sec05 .mainSwiper .swiper-slide > button:hover .img img, .mainSec.sec05 .mainSwiper .swiper-slide > button:focus .img img { width: 120%; max-width: 120%; transition: all 0.2s ease 0.05s; }
.mainSec.sec05 .mainSwiper .swiper-slide .infoArea {display: flex;flex-direction: column;margin-top: 1.25rem;}

.mainSec.sec05 .mainSwiper .swiper-slide .infoArea > .sequence { width: 7rem; font-size: 1.8rem; font-weight: 700; color: #001051; text-align: right;}
.mainSec.sec05 .mainSwiper .swiper-slide .infoArea > .divid-line {position: relative; top: 0.7rem; width: 2px; height: 1.2rem; background: #cbcbcb;}
.mainSec.sec05 .mainSwiper .swiper-slide .infoArea > .tit { font-size: 1.8rem; color: #000;}

/* .mainSec.sec05 .mainSwiper .swiper-slide .infoArea > .date { font-size: 14rem; color: #21272a; }

.mainSec.sec05 .mainSwiper .swiper-slide .infoArea > .rate { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.2rem; } */

.mainSec.sec05 .mainSwiper [class^=swiper-button] { width: 6.2rem; height: 11.5rem; background-image: url(../img/main/visual_arrow2.png); width: 2.1rem; height: 4rem; right: -4rem; top: calc(50% - 3rem); }

.mainSec.sec05 .mainSwiper [class^=swiper-button].swiper-button-prev { left: -4rem; }

.mainSec.sec05 .mainSwiper .controller { bottom: -4rem; }

.mainSec.sec05 .mainSwiper .controller .mainSwiper-pagin > span {background-color: #178871; }
.mainSec.sec05 .mainSwiper .controller .swiper-pagination span.swiper-pagination-bullet-active {width: 2.4rem;}
.mainSec.sec05 .swiper-btn-wrap .swiper-button-prev,
.mainSec.sec05 .swiper-btn-wrap .swiper-button-next { top: 50%; width: 4.8rem; height: 4.8rem; color: transparent; background: url(../../images/www/common/slider-arrow.png) no-repeat center / 4.8rem;}
.mainSec.sec05 .swiper-btn-wrap .swiper-button-prev {transform: rotate(180deg);left: 3rem;right: auto;}
.mainSec.sec05 .swiper-btn-wrap .swiper-button-next {right: 3rem;left: auto;}
.mainSec.sec05 .swiper-btn-wrap .swiper-button-prev:hover,
.mainSec.sec05 .swiper-btn-wrap .swiper-button-next:hover {background: url(../../images/www/common/slider-hover.png) no-repeat center / 4.8rem;}

@media (max-width: 1100px) {
	.mainSecGroup {background-image: none}
	.mainSecGroup .inner { flex-direction: column;width:100%; padding: 0; }
	.mainSecGroup .mainSec { width: 100% !important; }
    .mainSec .secTit { font-size: 4rem; }
    .mainSec .secSubTit { font-size: 2rem; margin-top: .5rem; padding: 1rem 0; }
    .mainSec.sec01 .mainKeyVisual .swiper-slide { height: 40rem; }
    .mainSec.sec01 .mainKeyVisual .visualTxt img { width: 28.2rem; }
    .mainSec.sec01 .mainKeyVisual [class^=swiper-button] { width: 3.1rem; height: 5.5rem; }
    .mainSec.sec02 { max-width: 100%; padding: 5rem 2rem; }
    .mainSec.sec02 .secCont { position: relative; margin: 2rem auto 0; border-radius: 2rem; width: 100%; /*max-width: 76rem;*/ padding: 5rem 4rem 45rem; background-position: bottom 13rem center; background-size: auto;}
    .mainSec.sec02 .secCont .topArea > img:first-child { /*width: 9.4rem;*/ width: 27rem; }
    .mainSec.sec02 .secCont .topArea > img:last-child { position: absolute; right: 4rem; bottom: 5rem; /*width: 5.6rem;*/ width: 15rem; }
    .mainSec.sec02 .secCont .unitList { margin-top: 2rem; font-size: 1.4rem; padding-right: 0;}
    .mainSec.sec02 .secCont .unitList li {font-size: 2rem; line-height: 1.6;}
    .mainSec.sec02 .secCont .unitList li:before {top: 1.625rem;}
    .mainSec.sec02 .btnArea { margin: 2rem auto; gap: 1rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; width: 100%; /*max-width: 76rem;*/ }
    .mainSec.sec02 .btnArea button { max-width: none; padding: .8rem 2rem; font-size: 1.4rem; -ms-flex-pack: center; justify-content: center; }
    .mainSec.sec03 { width: calc(100% - 4rem); padding: 5rem 10rem; background-color: #fafafa;}
    /* .mainSec.sec03 .mainImgSwiper { margin: 2.5rem auto 0; } */
	.mainSec.sec03 .video-swiper-wrap {max-width: 100%;}
    .mainSec.sec03 .mainImgSwiper .swiper-slide { background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 2rem; margin-bottom: 1rem; }
    .mainSec.sec03 .mainImgSwiper .swiper-slide .infoArea { bottom: -8rem; padding-top: 2rem; gap: .5rem; }
    .mainSec.sec03 .mainImgSwiper .swiper-slide .infoArea > .sequence,
    .mainSec.sec03 .mainImgSwiper .swiper-slide .infoArea > .tit { font-size: 1.6rem; }
    .mainSec.sec03 .mainImgSwiper .swiper-slide .infoArea > .date { font-size: 1.3rem; }
    .mainSec.sec03 .mainImgSwiper [class^=swiper-button] { top: calc(50% - 2rem); width: 1rem; height: 2rem; right: -2rem; }
    .mainSec.sec03 .mainImgSwiper [class^=swiper-button].swiper-button-prev { left: -2rem; }
    .mainSec.sec03 .mainImgSwiper .controller { bottom: -2rem; }
    .mainSec.sec04 { width: calc(100% - 4rem); padding: 5rem 10rem; position: relative; }
    .mainSec.sec04 .brdCont { gap: 4rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; margin-top: 4rem; }
    .mainSec.sec04 .brdCont .brdList { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }
    .mainSec.sec04 .brdCont .brdList .topArea > .left > .tit { font-size: 1.8rem; }
    .mainSec.sec04 .brdCont .brdList .topArea > .left > .tit > img { margin-left: .5rem; height: 1.5rem; }
    .mainSec.sec04 .brdCont .brdList .topArea > .left > .desc { font-size: 1.3rem; }
    .mainSec.sec04 .brdCont .brdList .topArea > .right > button { padding: .3rem 1rem; font-size: 1.2rem; border-radius: .3rem; }
    .mainSec.sec04 .brdCont .brdList .txtArea { /*height: 28rem;*/ position: relative; width: 100%; }
    .mainSec.sec04 .brdCont .brdList .txtArea > button { padding: 1.5rem 2rem; /*height: 14rem;*/ }
    .mainSec.sec04 .brdCont .brdList .txtArea > button > .text > .tit { font-size: 1.6rem; }
	.mainSec.sec04 .brdCont .brdList .txtArea > button > .text > .q { font-size: 1.3rem; }
    .mainSec.sec04 .brdCont .brdList .txtArea > button > .reply { font-size: 1.3rem; }
    .mainSec.sec04 .brdCont .brdList .txtArea > button > .date { font-size: 1.3rem; }
    .mainSec.sec04 .brdCont .brdList .bottomArea {transform: translateY(0);position: static;}

	.mainSec.sec05 { width: calc(100% - 4rem); max-width: 76rem; padding: 5rem 5rem; }
	.mainSec.sec05 .btn_shortcut {position: static;margin-left: auto;}
    .mainSec.sec05 .mainSwiper { margin: 1rem auto 0; }
    .mainSec.sec05 .mainSwiper .swiper-slide .infoArea {gap: .5rem; }
    .mainSec.sec05 .mainSwiper .swiper-slide .infoArea > .sequence,
    .mainSec.sec05 .mainSwiper .swiper-slide .infoArea > .tit { font-size: 1.6rem; }
    .mainSec.sec05 .mainSwiper .swiper-slide .infoArea > .date { font-size: 1.3rem; }
    .mainSec.sec05 .mainSwiper [class^=swiper-button] { top: calc(50% - 2rem); width: 1rem; height: 2rem; right: -2rem; }
    .mainSec.sec05 .mainSwiper [class^=swiper-button].swiper-button-prev { left: -2rem; }
    .mainSec.sec05 .mainSwiper .controller { bottom: -2rem; }
}

aside.pageTit { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; align-items: center; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 4.8rem; }

aside.pageTit > .tit { font-size: 6.4rem; font-weight: 700; }

.subTit { font-size: 4.6rem; text-align: center; font-weight: 700; }

.subTit > .addTxt { font-size: 2.4rem; font-weight: 400; color: #21272a; margin-top: 2.4rem; display: block; }

.topTabBtn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1.6rem; margin: -1.6rem auto 4.8rem; }

.topTabBtn > button { font-size: 2.2rem; color: #6c747e; font-weight: 500; height: 5.9rem; padding: 0 3.2rem; border: 1px solid #ebeaea; border-radius: 10rem; transition: all 0.2s ease 0.05s; }

.topTabBtn > button:hover, .topTabBtn > button:focus { color: #4b9cd4; border-color: #4b9cd4; }

.topTabBtn > button.isActive { color: #fff; background-color: #4b9cd4; border-color: #4b9cd4; }


@media (max-width: 750px) {
    .mainSec .secTit {
        font-size: 3rem;
    }
	.mainSec .secSubTit {
		font-size: 1.625rem;
	}
	.mainSec.sec02 .secCont {
        background-size: 37.2rem auto;
    }
    .mainSec.sec03 {
        padding: 5rem 1rem;
    }
    .mainSec.sec03 .btn_shortcut {
        max-width: 100%;
    }
    .mainSec.sec03 .mainImgSwiper {
        padding-top: 3rem;
		padding-left: 3rem;
		padding-right: 3rem;
        margin-top: 0;
    }
    .mainSec.sec03 .mainImgSwiper .swiper-slide {
        /* height: 25rem; */
        /* padding: 0 8rem; */
    }
	.mainSec.sec03 .mainImgSwiper .swiper-slide > img {
		width: 100%;
		height: auto;
	}
    .mainSec.sec03 .mainImgSwiper .swiper-slide .infoArea {
        top: 25rem;
    }
    .mainSec.sec03 .mainImgSwiper .swiper-slide .infoArea > .tit { font-size: 2rem; }

    .mainSec.sec03 .swiper-btn-wrap .swiper-button-prev,
    .mainSec.sec03 .swiper-btn-wrap .swiper-button-next {
        /* top: 44%; */
    }
    .mainSec.sec03 .swiper-btn-wrap .swiper-button-prev {left: 0;}
    .mainSec.sec03 .swiper-btn-wrap .swiper-button-next {right: -2rem;}
	.mainSec.sec04 {
		padding:5rem 1rem;
	}
	.mainSec.sec05 .inner {
		width: 100%;
		padding:5rem 2.25rem;
	}
	.mainSec.sec05 .swiper-btn-wrap .swiper-button-prev, .mainSec.sec05 .swiper-btn-wrap .swiper-button-next {top: auto; bottom: 1.5rem;width: 3.8rem;height: 3.8rem;background-size: 3.8rem;}
	.mainSec.sec05 .swiper-btn-wrap .swiper-button-prev:hover, .mainSec.sec05 .swiper-btn-wrap .swiper-button-next:hover {background-size: 3.8rem;}
	.mainSec.sec05 .swiper-btn-wrap .swiper-button-prev {left: 50%;transform: rotate(180deg) translateX(200%);}
    .mainSec.sec05 .swiper-btn-wrap .swiper-button-next {right: 50%;transform: translateX(200%);}
}

@media (max-width: 500px) {
    .mainSec.sec02 .secCont {
        padding: 5rem 4rem 32rem;
        background-position: bottom 12rem center;
        background-size: 23.2rem auto;
    }
    .mainSec.sec02 .secCont .unitList li {
        font-size: 1.625rem;
    }
    .mainSec.sec03 .btn_shortcut {
        top: 8rem;
        right: 0rem;
        transform: none;
    }
    .mainSec.sec03 .mainImgSwiper {
        padding-top: 3rem;
        /* margin-top: 5rem; */
    }
    .mainSec.sec03 .mainImgSwiper .swiper-slide {
        /* height: 18rem; */
        padding: 0;
    }
    .mainSec.sec03 .mainImgSwiper .swiper-slide .infoArea {
        top: 18rem;
    }
    .mainSec.sec03 .mainImgSwiper .swiper-slide .infoArea > .tit { font-size: 1.6rem; }

    .mainSec.sec03 .swiper-btn-wrap .swiper-button-prev,
    .mainSec.sec03 .swiper-btn-wrap .swiper-button-next {
        /* top: 44%; */
    }
}