@charset "utf-8"; 

 
.sub #header,
.board #header,
.write #header,
.sub #header.on,
.board #header.on,
.write #header.on { background-color: #fff; } 

.sub #header.ham_on,
.board #header.ham_on,
.write #header.ham_on { background-color: var(--color-point) } 

.sub #header.scroll,
.board #header.scroll,
.write #header.scroll { background-color: #fff; border-bottom: 1px solid #eee; } 

.sub #header.bg,
.board #header.bg,
.write #header.bg { background-color: transparent; border-bottom: 0; } 

.sub #header .logo,
.board #header .logo,
.write #header .logo { background-image: url(/theme/basic/img/cmn/hr_logo1_active.svg); } 

.sub #header.bg .logo,
.board #header.bg .logo,
.write #header.bg .logo { background-image: url(/theme/basic/img/cmn/hr_logo1.svg); } 

.sub #header .gnb > li > a,
.sub #header.on .gnb > li > a,
.board #header .gnb > li > a,
.board #header.on .gnb > li > a,
.write #header .gnb > li > a,
.write #header.on .gnb > li > a { color: var(--color-txt); } 

.sub #header .gnb > li:hover > a,
.board #header .gnb > li:hover > a,
.write #header .gnb > li:hover > a { color: #fff; } 

.sub #header .siteMap-btn .line,
.board #header .siteMap-btn .line,
.write #header .siteMap-btn .line { background-color: var(--color-txt); } 

.sub #header .siteMap-btn .txt,
.board #header .siteMap-btn .txt,
.write #header .siteMap-btn .txt { color: var(--color-txt); } 

.sub #header.on .siteMap-btn .line,
.board #header.on .siteMap-btn .line,
.write #header.on .siteMap-btn .line { background-color: var(--color-txt); } 

.sub #header.on .siteMap-btn .txt,
.board #header.on .siteMap-btn .txt,
.write #header.on .siteMap-btn .txt { color: var(--color-txt); } 

.sub #header.on .gnb .depth > li > a,
.board #header.on .gnb .depth > li > a,
.write #header.on .gnb .depth > li > a { color: var(--colortxt); } 

.sub #header .gnb > li:hover .depth > li > a,
.board #header .gnb > li:hover .depth > li > a,
.write #header .gnb > li:hover .depth > li > a { color: #fff; } 

.sub #header.ham_on .logo,
.board #header.ham_on .logo,
.write #header.ham_on .logo { background-image: url(/theme/basic/img/cmn/hr_logo1.svg); } 

.sub #header.ham_on .ham_menu_btn span,
.board #header.ham_on .ham_menu_btn span,
.write #header.ham_on .ham_menu_btn span { background-color: #fff } 


.sub #header .link-btn,
.write #header .link-btn,
.board #header .link-btn { border: 1px solid #000; } 
.sub #header .link-btn path,
.write #header .link-btn path,
.board #header .link-btn path { color: #000; } 
.sub #header .link-btn span,
.write #header .link-btn span,
.board #header .link-btn span { color: #000; } 
.sub #header .link-btn:hover,
.write #header .link-btn:hover,
.board #header .link-btn:hover { border-color: var(--color-point); background: var(--color-point); } 
.sub #header .link-btn:hover span,
.write #header .link-btn:hover span,
.board #header .link-btn:hover span {color: #fff;}
.sub #header .link-btn:hover path,
.write #header .link-btn:hover path,
.board #header .link-btn:hover path {color: #fff;}

.cont { padding: 12rem 0 } 
.cont:first-child { padding: 17.7rem 0 12rem } 
.cont:last-child { padding: 12rem 0 16rem } 
.cont-bg { background-color: var(--color-bg ); } 
.sub-inner { width: 100%; padding: 0 var(--sub-inner-pd); } 
.txt { font-size: var(--fontSize-18); line-height: 25px; } 

.border-ra { border-radius: var(--radius-20); overflow: hidden; } 
.img-obj { width: 100%; height: 100%; object-fit: cover; object-position: center; } 

.more-btn { background-color: #0B3060; width: 6rem; height: 6rem; border-radius: 100%; transition: .2s; display: flex; flex-direction: column; align-items: center; justify-content: center; } 
.more-btn:hover { background-color: #ED6031; } 

.pre-bx { background-color: #F0F5FA; border-radius: var(--radius-30); padding: 3rem; min-height: 40rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } 
.pre-bx p { font-size: var(--fontSize-28); font-weight: 600; text-align: center; color: var(--color-point); } 

.sub-top-titBx { position: relative; width: 100%; height: 38.7rem; margin-top: var(--header-hei); } 
.sub-top-titBx::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(93, 105, 129, 0.00) 45.67%, #4A78B4 100%); z-index: 2; } 
.sub-top-titBx video { width: 100%; height: 100%; object-fit: cover; object-position: center; } 
.sub-top-titBx .nameBx { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; } 
.sub-top-titBx .pg-name { display: block; font-size: var(--fontSize-24); color: #fff; line-height: 28px; letter-spacing: -0.72px; } 
.sub-top-titBx h3 { display: block; font-size: var(--fontSize-45); font-weight: 700; color: #fff; line-height: 54px; text-align: center; letter-spacing: -1.35px; } 

.sub-cmn-titBx { padding-bottom: 6rem; } 
.sub-cmn-titBx.top { padding-bottom: 5rem; } 
.sub-cmn-titBx .pg-name { display: block; font-size: var(--fontSize-30); color: #BEBEBE; line-height: 36px; font-weight: 700; letter-spacing: -0.9px; padding-bottom: 1.5rem; } 
.sub-cmn-titBx span { display: block; margin-bottom: 2rem; color: #BEBEBE; font-size: 27px; font-style: normal; font-weight: 600; } 
.sub-cmn-titBx .tit { font-size: var(--fontSize-45); line-height: 54px; letter-spacing: -1.35px; color: #000; font-weight: 400; } 
.sub-cmn-titBx .tit i { color: #000; font-weight: 800; } 
.sub-cmn-titBx .txt { font-size: var(--fontSize-20); line-height: 40px; margin-top: 4rem; } 
.sub-cmn-titBx .btn-bx { justify-content: space-between; } 

.sub-ver2-titBx { padding-bottom: 8rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } 
.sub-ver2-titBx .sub-name, 
.sub-ver2-titBx .tit { color: #fff; text-align: center; } 
.sub-ver2-titBx .sub-name { display: block; font-size: var(--fontSize-35); font-weight: 200; line-height: 36px; } 
.sub-ver2-titBx .tit { font-size: var(--fontSize-45); font-weight: 700; line-height: 54px; letter-spacing: -1.35px; margin-top: 4rem; } 

.link-wr { position: relative; width: 55.8rem; height: var(--linkBx-hei); background: linear-gradient(73deg, #326BB4 24.54%, #FF5E24 97.86%); border-radius: 47px; margin: 0 auto; padding: .8rem 4rem .8rem 5rem; margin-top: -39px; z-index: 2; } 
.link-wr ul.select_bx { height: 100%; display: flex; align-items: center; justify-content: space-between; } 
.link-wr ul.select_bx > li.li-01 { width: 25%; } 
.link-wr ul.select_bx > li.li-02 { width: 75%; } 
.link-wr ul.select_bx > li.mid .icon { width: 4.2rem; height: 4.2rem; } 
.cont-sct { position: relative; width: 100%; } 
.cont-sct.active { z-index: 10; } 
.cont-sct.active .optionList { max-height: 50rem; opacity: 1; pointer-events: auto; padding: 1rem 0 } 
.hr-select { 
 font-family: 'Pretendard', sans-serif; 
 width: 100%; 
 height: 100%; 
 font-size: 1.6rem; 
 font-weight: bold;; 
 cursor: pointer; 
 color: #000; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 } 
.cont-sct .hr-select .iconBx { background: url(/theme/basic/img/sub/ico_sub_down.svg); background-position: center; background-repeat: no-repeat; background-size: contain; width: 3rem; height: 3rem; } 
.cont-sct.active .hr-select .iconBx { background: url(/theme/basic/img/sub/ico_sub_down_rotate.svg); background-position: center; background-repeat: no-repeat; background-size: contain; width: 3rem; height: 3rem; } 
.link-wr .sct-txt,
.link-wr .label span { width: 100%; height: 100%; display: inline-block; font-size: var(--fontSize-20); color: #fff; font-weight: 600; line-height: 24px; letter-spacing: -0.4px; } 
.link-wr .label span { width: calc(100% - 5rem); } 
.link-wr .label.pd-none span { padding-left: 1rem; } 
.list-menu { 
 position: absolute; 
 width: 100%; 
 top: calc(var(--linkBx-hei) - 24px); 
 left: 0; 
 background-color: #fff; 
 box-sizing: border-box; 
 box-shadow: 4px 4px 14px rgba(0,0,0,.15); 
 border-radius: 0 0 2rem 2rem; 
 z-index: 1000; 
 list-style: none; 
 overflow: hidden; 
 max-height: 0; 
 opacity: 0; 
 pointer-events: none; 
 transition: max-height .3s ease, opacity .2s ease; 
 } 
.list-menu li { box-sizing: border-box; padding: 1.2rem 2rem } 
.list-menu li:last-child { border-bottom: 0; } 
.list-menu li > a { display: block; width: 100%; height: 100%; line-height: 21px; text-align: center; font-size: var(--fontSize-16); } 
.list-menu li > a br { display: none } 
.list-menu li.current > a,
.list-menu li:hover > a { color: var(--color-point); font-weight: 600; } 
.list-menu li.current button { color: var(--color-point); } 
.list-menu li button { 
 width: 100%; 
 padding: 1rem 1.5rem; 
 border: none; 
 cursor: pointer; 
 text-align: left; 
 background-color: #fff; 
 white-space: nowrap; 
 text-overflow: ellipsis; 
 overflow: hidden; 
 font-size: 1.6rem; 
 line-height: 2.5rem; 
 font-weight: 500; 
 color: #000; 
 font-family: 'Pretendard', sans-serif; 
 } 
.list-menu li button:hover,
.list-menu li button:focus { background-color: var(--color-point01); color: #fff; } 


.cmn-tb { border-top: 2px solid #0B3060 } 
.cmn-tb thead tr th,
.cmn-tb tbody tr th,
.cmn-tb tbody tr td,
.tb-list > li { text-align: center; font-size: var(--fontSize-20); line-height: 36px; color: var(--color-txt); } 
.cmn-tb tbody tr th { border-bottom: 1px solid #666B71; } 
.cmn-tb thead tr th,
.cmn-tb tbody tr th { font-weight: 700; padding: 1.5rem; background-color: #F0F5FA; border-right: 1px solid #666B71; } 
.cmn-tb thead tr th:last-child { border-right: 0; } 
.cmn-tb tbody tr td { font-weight: 400; padding: 1.4rem; border-right: 1px solid #666B71; border-bottom: 1px solid #666B71; } 
.cmn-tb tbody tr td.border-none { border-right: 0; } 
.tb-list-wr { display: flex; flex-direction: column; align-items: center; justify-content: center; } 
.tb-list > li { list-style: disc; text-align: left; margin-left: 2rem; } 



@media all and (max-width:960px) { 
 .sub-ver2-titBx .sub-name { font-size: var(--fontSize-25); } 
 .sub-cmn-titBx .tit,
 .sub-ver2-titBx .tit { font-size: var(--fontSize-38); line-height: 48px; } 
 .sub-cmn-titBx .txt { margin-top: 2rem; line-height: 34px; } 
 .sub-ver2-titBx .tit { margin-top: 1.5rem; } 

 .cmn-tb thead tr th,
 .cmn-tb tbody tr th,
 .cmn-tb tbody tr td,
 .tb-list > li { font-size: var(--fontSize-18); line-height: 26px; } 
 } 
@media all and (max-width:768px) { 
 .cont { padding: 6rem 0 } 
 .cont:first-child { padding: 10rem 0 6rem } 
 .cont:last-child { padding: 6rem 0 10rem } 

 .txt { font-size: var(--fontSize-16); line-height: 25px; } 

 .sub-top-titBx { height: 24rem; } 
 .sub-top-titBx .nameBx { gap: .5rem } 
 .sub-top-titBx .pg-name { font-size: var(--fontSize-16); line-height: 24px } 
 .sub-top-titBx h3 { font-size: var(--fontSize-30); width: 100%; line-height: 32px; } 

 .sub-cmn-titBx { padding-bottom: 3rem; } 
 .sub-cmn-titBx.top { padding-bottom: 2rem; } 
 .sub-cmn-titBx .txt { font-size: var(--fontSize-16); line-height: 28px; margin-top: 1rem; } 
 .sub-cmn-titBx .txt br.br_pc { display: none; } 
 .sub-cmn-titBx .btn-bx { flex-direction: column; align-items: flex-start; } 
 .sub-cmn-titBx .btn-bx .more-btn { margin-top: 1.5rem; } 
 .sub-cmn-titBx .pg-name { font-size: var(--fontSize-18); line-height: 20px; padding-bottom: .5rem; } 

 .link-wr { width: 100%; padding: .5rem 2rem; margin-top: 0; border-radius: 0; } 
 .link-wr .sct-txt, .link-wr .label span { font-size: var(--fontSize-16); } 
 .link-wr .label span { width: 100% } 
 .link-wr ul.select_bx { gap: .5rem } 
 .link-wr ul.select_bx > li.mid .icon { width: 3rem; height: 3rem; } 
 .cont-sct .hr-select .iconBx, .cont-sct.active .hr-select .iconBx { width: 2.5rem; height: 2.5rem; } 
 .list-menu { top: 47px; } 
 .list-menu li { padding: .8rem 1rem } 
 .list-menu li > a { font-size: var(--fontSize-15); } 
 .list-menu li > a br { display: inline-block; } 

 .sub-ver2-titBx { padding-bottom: 4rem; } 
 .sub-ver2-titBx .sub-name { font-size: var(--fontSize-18); line-height: 26px; } 
 .sub-cmn-titBx .tit,
 .sub-ver2-titBx .tit { font-size: var(--fontSize-25); line-height: 36px; } 
 .sub-cmn-titBx .tit br.br_pc { display: none; } 
 .sub-cmn-titBx span { margin-bottom: 1rem; font-size: 18px; } 

 .sub-ver2-titBx .tit { margin-top: 1.5rem; } 
 .sub-ver2-titBx .tit br.br_mo { display: inline-block; } 

 .pre-bx { min-height: 30rem; } 
 .pre-bx p { font-size: var(--fontSize-18); } 

 .cmn-tb thead tr th,
 .cmn-tb tbody tr th,
 .cmn-tb tbody tr td,
 .tb-list > li { font-size: var(--fontSize-16); line-height: 24px; } 

 .more-btn { width: 5rem; height: 5rem; } 
 .more-btn .icon { width: 2.5rem; } 


 } 
@media all and (max-width:480px) { 
 .link-wr .label.pd-none span { padding-left: 0; white-space: nowrap; } 
 .link-wr .sct-txt, .link-wr .label span { font-size: var(--fontSize-14); } 
 .cont-sct.active .optionList { padding: .5rem 0 } 
 .list-menu { top: 42px; } 
 .list-menu li > a { font-size: 1.4rem; } 

 .sub-cmn-titBx .tit br.br_mo,
 .sub01-pg01 .cont2 .sub-cmn-titBx .tit br.br_mo { display: inline-block; } 
 } 
@media all and (max-width:350px) { 
 .sub-top-titBx h3 br.br_mo { display: inline-block; } 
 } 





 /**/
.tab-btn-wr { height: 8rem; margin-bottom: 9rem; } 
.tab-btn-wr a { align-content: center; border: 1px solid #D9D9D9; border-bottom: 0; color: #666666; font-size: var(--fontSize-22); text-align: center; } 
.tab-btn-wr.gallery .tab1,
.tab-btn-wr.gallery1 .tab2 { border: 1px solid #11305A; background: #11305A; color: #fff; font-weight: 600; } 
 @media all and (max-width:768px) { 
 .tab-btn-wr { height: 6rem; margin-bottom: 5rem; } 
 .tab-btn-wr a { font-size: var(--fontSize-16); } 
 } 
 @media all and (max-width:576px) { 
 .tab-btn-wr { height: 4rem; } 
 .tab-btn-wr a { font-size: var(--fontSize-13); } 
 } 

/* */