/*서브공통*/
.page-tit-wr a.btn,
.page-tit-wr a.btn .icon { transition: .3s; }


#sub { margin-top: var(--header-hei); overflow: hidden; }
#sub #content .inner { padding-left: var(--inner-cont-pd); padding-right: var(--inner-cont-pd); }
#sub footer.footer { margin-top: 13rem; }

.b-tit { color: var(--color-point); font-size: 4rem; font-weight: 900; }
.s-tit { font-size: 1.8rem; font-weight: 600; }
.border-ra { border-radius: 2rem; overflow: hidden; }
.sub-tit { margin-top: 1.6rem; margin-bottom: 4rem; font-size: 1.8rem; font-weight: 900; }
.txt .sub-tit.ma-bt { margin-bottom: 1rem; }
.box-txt .sub-tit.ma-bt { margin-bottom: 1rem; }
.txt { color: var(--color-txt); line-height: 1.5; font-size: 1.6rem !important; }
.ma-bt { margin-bottom: 3rem; }
.ma-tp { margin-top: 8rem; }
.sec-tp { margin-top: 14.6rem; }
.ps01 { align-self: center; justify-self: flex-start; display: inline-block; padding: .5rem 4rem; border-radius: 2rem; background-color: var(--color-point); color: #fff; }
.al-cen { align-content: center!important; }
.al-end { align-content: end !important; }
.al-st { align-items: flex-start !important; }
.txt-ju { width: 99%; /*text-align: justify;*/}

.page-tit-wr { justify-content: space-between; }
.page-tit-wr .page-tit { color: var(--color-point); font-size: 3.5rem; font-weight: 800; }
.page-tit-wr a.btn { display: flex; justify-content: center; align-items: center; width: 11rem; height: 3.2rem; border-radius: .3em; border: 1px solid var(--color-point02); background: #FFF; color: var(--color-point02); font-size: 1.8rem; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.page-tit-wr a.btn .icon { margin-left: .2em; }
.page-tit-wr a.btn:hover { background: var(--color-point02); color: #fff; }
.page-tit-wr a.btn:hover .icon { filter: brightness(50); }
.page-tit-wr02 { background: var(--color-point02); padding: 1.2rem 2rem; }
.page-tit-wr02 .page-tit { color: #fff; font-size: 2rem; font-weight: 600; }
.page-tit-wr02 .page-tit i { margin-left: 1em; font-weight: 100; }
.page-tit-wr02 a.btn:hover { background: var(--color-point); }

.sec-bg { background:var(--color-bg); }
.sec-bg .inner { padding-top: 12.6rem !important; padding-bottom: 12.6rem !important; }


@media all and (max-width:1650px) {
#sub #content > .inner,
#sub #content .inner,
#sub #content .sec-bg .inner { padding-left: var(--inner-pd); padding-right: var(--inner-pd); }
 }
@media all and (max-width:1200px) {
 .page-tit-wr02 { min-height: 5.4rem; }
.page-tit-wr02 .page-tit { display: grid; }
.page-tit-wr02 .page-tit i { margin-left: 0; font-size: 1.6rem; }
 }

@media all and (max-width:900px) {
 #sub footer.footer { margin-top: 12rem; }
 .page-tit-wr a.btn { width: 12rem; height: 4rem; text-decoration: none; font-size: 1.8rem; }
 }
@media all and (max-width:768px) {
 .b-tit { font-size: 2.8rem; font-weight: 800; }
 #sub footer.footer { margin-top: 10rem; }
 .page-tit-wr .page-tit { font-size: 2.7rem; }
 }
@media all and (max-width:600px) {
 .border-ra , .sub-gnb, .parter-wr .logo,
 .sub-tit-wr { border-radius:0.5em !important; }
 #sub footer.footer { margin-top: 7rem; }
 .page-tit-wr a.btn { width: auto; height: auto; padding: 0.5rem 1rem; line-height: 1; font-size: 1.4rem; }
 .sub-tit { margin-top: 0.5rem; margin-bottom: 2rem }
 .ma-bt { margin-bottom: 2rem; }
 .ma-tp { margin-top: 6rem; }
 .sec-tp { margin-top: 10rem; }
 .sec-bg .inner { padding-top: 5.6rem !important; padding-bottom: 5.6rem !important; }
 .page-tit-wr { }
 .page-tit-wr .page-tit { font-size: 2rem; }
 .page-tit-wr02 .page-tit { font-size: 1.8rem; }
 .page-tit-wr a.btn { margin-top: 1rem; }
 .page-tit-wr02 { background: var(--color-point02); padding: 1.6rem 2rem; }
 }



/*서브타이틀*/
.sub-tit-wr { position: relative; height: 41.6rem; border-radius: 1em; overflow: hidden; }
.sub-tit-wr .tit-wr { position: absolute; top: 50%; left: var(--inner-cont-pd); transform: translateY(-50%); }
.sub-tit-wr .tit-wr span, .sub-tit-wr .tit-wr .tit { color: #fff; }
.sub-tit-wr .tit { position: relative; font-size: 7rem; }
.notice .sub-tit-wr, .notice_1 .sub-tit-wr { background: url(/theme/basic/img/sub/sub04/sub_tit_bg.jpg)no-repeat center / cover; }

@media all and (max-width:1600px) {
.sub-tit-wr .tit-wr { left: var(--inner-pd); }
 }
@media all and (max-width:1200px) {
 .sub-tit-wr { height: 33.6rem; }
 .sub-tit-wr .tit { font-size: 5rem; }
 }
@media all and (max-width:768px) {
.sub-tit-wr { height: 24.6rem; }
.sub-tit-wr .tit { font-size: 3.2rem; }
.sub-tit-wr .tit-wr span { display: block; font-size: 1.8rem; margin-bottom: .5rem; }
 }
@media all and (max-width:600px) {
.sub-tit-wr .tit-wr { display: flex; justify-content: center; flex-direction: column-reverse; left: 0; width: 100%; text-align: center; }
.sub-tit-wr .tit-wr span { font-size: 3.2rem; margin-bottom: 0; font-weight: 700; }
.sub-tit-wr .tit { font-size: 1.4rem; font-weight: 200; }
 }


/*컨텐츠 타이틀*/
.cont-tit-wr { justify-items: center; margin-bottom: 8rem; margin-top: 6rem; }
.cont-tit-wr .cont-tit { font-size: 4rem; font-weight: 800; }
.cont-tit-wr .cont-tit a { margin-left: .3em; }
.cont-tit-wr .cont-tit .icon { margin-left: .3em; }
.cont-tit-wr .deco { margin-top: 1em; }
.cont-tit-wr .deco span { display: inline-block; width: 10px; height: 10px; margin: 0 .2em; border-radius: .17em; }
.cont-tit-wr .deco span:nth-child(1) { background: #27AD38; }
.cont-tit-wr .deco span:nth-child(2) { background: #E7221A; }
.cont-tit-wr .deco span:nth-child(3) { background: var(--color-point); }

@media all and (max-width:768px) {
 .cont-tit-wr { margin-bottom: 5rem; margin-top: 4rem; }
 .cont-tit-wr .cont-tit { font-size: 3.2rem; }
 .cont-tit-wr .deco span { width: 0.8rem; height: 0.8rem; margin: 0 0.2em; border-radius: 0.1em; }
 }
@media all and (max-width:600px) {
.cont-tit-wr { margin-bottom: 3rem; }
 }
 @media all and (max-width:370px) {
 .cont-tit-wr .cont-tit .icon {margin-left: 0;}
 }

.sub-gnb-wr { margin: 0 var(--inner-pd); transform-origin: center; transition: .3s; }
.sub-gnb { position: relative; justify-content: flex-start; height: 8.6rem;padding: 0 var(--inner-cont-pd); background-color: var(--color-bg); border-radius: 1em; margin-top: 0.5em; }
.sub-gnb::after { position: absolute; top: 0; right: 0; width: 17%; height: 100%; border-radius: 35px .3rem .3rem 35px; background: var(--color-point-or); content: ''; }
.sub-gnb .home { color: var(--color-point); font-size: 2rem; font-weight: 800; }
.sub-gnb .home .bar { display: inline-block; width: 2.8rem; height: .2rem; margin: 0 .8em; background: var(--color-point); }
.sub-gnb .drop-down-box { position: relative; width: 220px; padding:0 1.100em; text-align: left; }
.sub-gnb .drop-down-box:not(:first-of-type)::before { position: absolute; top: 50%; left: 0; width: .1rem; height: 1.7rem; background-color: rgba(0,0,0, 0.3); transform: translateY(-50%); content: ''; }
.sub-gnb .drop-down-box .selected span { display: inline-block; width: 86%; font-size: 2rem; font-weight: 400; overflow: hidden; white-space: pre; text-overflow: ellipsis; }
.sub-gnb .drop-down-box .selected a { display:block; }
.sub-gnb .drop-down-box .selected a::after { position: absolute; top: 50%; right:1.100em; width: 12px; height: 12px; background:url(../img/icon_bt_arrow.svg)no-repeat center /contain; transform: translateY(-50%) rotate(0); transition:.3s; content:''; }
.sub-gnb .drop-down-box .selected a.on::after { transform: translateY(-50%) rotate(180deg); }
.sub-gnb .drop-down-box .options { position: absolute; left: 0; width: 100%; z-index: 3; }
.sub-gnb .drop-down-box .options ul { margin-top: 0.5em; padding: 1.1em; border-radius: 1em; background: var(--color-bg); }
.sub-gnb .drop-down-box .options ul li { line-height: 2.8; }
.sub-gnb .drop-down-box .options ul li:not(:last-of-type) { border-bottom:1px solid var(--color-border) }
.sub-gnb .drop-down-box .options ul li a { display: block; color: var(--color-txt); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sub-gnb .drop-down-box .options ul li a:hover { color: #000; }
.sub-gnb .drop-down-box:last-of-type .selected span { font-weight: 600; }

@media all and (max-width:1600px) {
 .sub-gnb { padding: 0 var(--inner-pd); }
 }
@media all and (max-width:1200px) {
 .sub-gnb { height: 6.6rem; line-height: 6.6rem; }
 }
@media all and (max-width:1024px) {
.sub-gnb .home { font-size: 1.8rem; font-weight: 600; }
.sub-gnb .drop-down-box .selected span { font-size: 1.6rem; }
 }
@media all and (max-width:768px) {
.sub-gnb-wr.on { position: fixed; left: 0; top: var(--header-hei); width: 100%; margin: 0; border-radius: 0 !important; z-index: 1; }
.sub-gnb-wr.on .sub-gnb { margin-top: 0; border-radius: 0 !important; filter: drop-shadow(0 0 0.2em rgba(0, 0, 0, .2)); }
.sub-gnb::after { width: auto; }
 }
@media all and (max-width:600px) {
 .sub-gnb { padding: 0; height: 5.6rem; line-height: 1.6rem; }
 .sub-gnb .home { display: none; }
 .sub-gnb .drop-down-box { width: 50%; }
 .sub-gnb .drop-down-box .options ul { margin-top: 3rem; }
 .sub-gnb .drop-down-box .selected span { display: inline-block; width: calc(100% - 2rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 }


/*테이블스타일*/
.ta-st { width: 100%; border-bottom: 2px solid #878787; }
.ta-st th, .ta-st td { padding: 1rem 2rem; }
.ta-st th { background: #878787; color: #fff; font-size: 1.8rem; font-weight: 600; }
.ta-st th:not(:first-of-type) { border-left: 1px solid #fff; }
.ta-st tr:nth-child(odd) { background-color: var(--color-bg); }
.ta-st td:not(:first-of-type) { border-left: 1px solid #878787; }
.ta-st td { position: relative; color: #686868; }
.ta-st td.ic-chk:after { position: absolute; top: 50%; left: 50%; width: 2.4rem; height: 2.4rem; background: url(/theme/basic/img/sub/sub02/sub02_02_icon012.svg)no-repeat center / cover; transform: translate(-50%, -50%); content: ''; }
.ta-st .bor-le { border-left: 1px solid #fff; }
.ta-st .bor-bt { border-bottom: 1px solid #fff; }
.ta-st td.bor-bt { border-bottom: 1px solid #878787; }
.ta-st .bor-bt02 { border-bottom: 2px solid #878787; }

.ta-st02 { border-bottom: 2px solid #050A52; }
.ta-st02 th { padding: 1rem 1rem; background: #050A52; font-size: 1.6rem; }
.ta-st02 td { padding-top: 2.4rem; padding-bottom: 2.4rem; }
.ta-st02 td:nth-child(odd) { background: #fff; font-size: 1.6rem; }
.ta-st02 td.bor-le { border-left: 1px solid #878787; }

@media all and (max-width:900px) {
.scroll { overflow-x: scroll; }
.scroll table { width: 900px; }
 }
@media all and (max-width:600px) {
.ta-st th, .ta-st td { padding: 1rem; font-size: 1.6rem; }
 .ta-st td.ic-chk:after { width: 1.8rem; height: 1.8rem; }
 }


/*로고*/
.parter-wr { grid-gap: 4rem 5rem; }
.parter-wr .logo { justify-content: center; height: 16rem; border-radius: 1rem; border: 1px solid var(--color-border); background: var(--color-bg); }
.parter-wr .logo img { mix-blend-mode: multiply; }
.parter-wr .box span { display: block; margin: 0.5em; font-size:1.8rem; font-weight: 600; color: #000; }

@media all and (max-width:600px) {
 .parter-wr { grid-gap: 2rem 1rem; }
.parter-wr .logo { height: 8rem; padding: 1rem 3rem; }
.parter-wr .box span { font-size: 1.6rem; }
 }



/*  */
.pdf-downBtn{background-color: #fff;border:1px solid #FF7B0F;border-radius: 5rem;padding: .5rem 2.2rem;justify-content: center;transition: .3s;}
.pdf-downBtn .txt{font-size: 1.8rem;color: #FF7B0F;font-weight: 700;line-height: 27px;letter-spacing: -0.9px;}
.pdf-downBtn .icon{margin-left: 1.5rem}
.pdf-downBtn:hover{background-color: #FF7B0F;}
.pdf-downBtn:hover .icon{ filter: brightness(20);}
.pdf-downBtn:hover .txt{color: #fff}