@charset "UTF-8";

@import url('https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard-dynamic-subset.min.css');

/* reset */
body,button,dl,dt,dd,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,ol,ul,li,p,select,table,th,td,textarea,figure {margin:0;padding:0}
body,button,input,select,table,textarea,th,td {color:#0d0d0d;font-size:14px;font-family:'Malgun Gothic','맑은고딕',Helvetica,sans-serif;line-height:1.5}
html,body {height:100%}
body {position:relative;-webkit-text-size-adjust:none} /* 뷰포트 변환시 폰트크기 자동확대 방지 */
button,input,textarea {border:0}
textarea {word-wrap:break-word;word-break:keep-all;background-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;resize:none}
button {background-color:transparent;cursor:pointer;text-align:left;outline:none}
input {box-sizing:border-box}
input[type='text']::-ms-clear {display:none}
ul,ol {list-style:none}
select,textarea,input {appearance:none;-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand {display:none}
fieldset,img {border:0}
img {display:block;max-width:100%;margin:0 auto}
fieldset {min-width:0}
legend {display:none}
table {border-collapse:collapse;border-spacing:0}
address,em,i {font-style:normal}
a,a:active {color:#0d0d0d;text-decoration:none}
a:focus {outline:none}/* 2020-07-13 수정 */
iframe {overflow:hidden;margin:0;padding:0;border:0;vertical-align:top}
strong,b {font-weight:700}
input::placeholder {color:#808080}
input::-webkit-input-placeholder {color:#808080}
input::-ms-input-placeholder {color:#808080}
input::-mos-input-placeholder {color:#808080}
textarea::placeholder {color:#808080}
textarea::-webkit-input-placeholder {color:#808080}
textarea::-ms-input-placeholder {color:#808080}
textarea::-mos-input-placeholder {color:#808080}
input:focus, textarea:focus{outline: none;}

html {
	scroll-behavior: smooth;
}

/* layout */

.pc{display: block;}
.mo{display: none !important;}
.w100{width: 100% !important;}
.onlineNew{background: #F3F6FC;padding-bottom: 130px;}
.onlineNew em, .onlineNew i{font-style: italic;}
.onlineNew b{font-weight: bold !important;}
.onlineNew.none{background: #fff;}
.onlineNew:before{content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;padding-bottom: 54.6%;background: url(../../../images/pc/sub/onlinenew/online_bg.png?ver=1)no-repeat 50% 50%;background-size: cover;z-index: 1;}
.onlineNew.none:before{display: none}
.onlineNew.ty1{background: linear-gradient(180deg, #020E46 0%, #9ABCCB 29.05%, #F3F6FC 79.51%);}
.onlineNew.ty1:before{background: url(../../../images/pc/sub/onlinenew/online_bg_01.png)no-repeat 50% 50%;background-size: cover;}
.onlineNew *{position: relative;box-sizing: border-box;line-height: 1;font-family: 'Nanum Gothic', Helvetica, sans-serif;word-break: keep-all;}

.onlineNew .main{max-width: 1240px;margin: 0 auto;padding: 0 20px;}

/*aside*/
.onlineNew .quick{position: fixed;top: 55%;left: 50%;transform: translateX(-50%);margin-left: 680px;z-index: 3;}
.onlineNew .quick li{width: 72px;height: 72px;background: #6433F3;display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 4px;}
.onlineNew.ty1 .quick li{background: #000}
.onlineNew .quick li a{font-size: 16px;color: #fff;font-weight: 700;}
.onlineNew .quick li:hover a{/* color: #13CDCF; */animation:upDown 1s ease-in-out infinite;}
.onlineNew .quick li:nth-child(1){border-radius: 48px 48px 0 0;}
.onlineNew .quick li:nth-child(1):before{content: "";position: relative;display: block;width: 12px;height: 12px;background: url(../../../images/pc/sub/onlinenew/arr02.svg);background-size: cover;}
/* .onlineNew .quick li:nth-child(1):hover:before{background: url(../../../images/pc/sub/onlinenew/arr02_hover.svg);background-size: cover;} */
.onlineNew .quick li:nth-child(2){border: 1px solid #F3F6FC;border-left: 0;border-right: 0;}
.onlineNew .quick li:nth-child(3){border-radius: 0 0 48px 48px;}

@keyframes upDown {
	0%  {top: 2px;}
	50% {top: -2px; }
	100% {top: 0; }
}
/* header*/
.onlineNew .main .header ul{display: flex;align-items: center;justify-content: space-between;width: 100%;height: 100px;}
.onlineNew .main .header ul .bLogo img{max-width: 142px;}

/*title*/
.onlineNew .main .title{font-size: 72px;color: #091641;font-weight: 400;line-height: 120%;letter-spacing: -2.16px;text-align: center;padding: 80px 0 40px;z-index: 1}
.onlineNew.ty1 .main .title{color: #fff;}
.onlineNew .main .subTit{display: flex;flex-direction: column;align-items: center;gap: 10px;z-index: 1}
.onlineNew .main .subTit li{font-size: 24px;color: #fff;font-weight: 500;line-height: 120%;letter-spacing: -0.72px;padding: 9.5px 30px;border-radius: 24px;background: linear-gradient(207deg, #101F4E 0%, #0F5BF4 83.33%);}
.onlineNew .main .title i{font-style: italic;}
.onlineNew .main .title b{font-weight: 900}
.onlineNew .main .title u{text-underline-offset: 9px;}

/*content*/
.onlineNew .content{margin-top: 60px;padding: 60px 80px;border-radius: 40px;background: #FAFBFE;backdrop-filter: blur(13px);border: 1px solid #BDD6FF;z-index: 1;}
.onlineNew .content:has( table){padding: 60px 70px;}
.onlineNew .content .tit{text-align: center;margin-bottom: 40px;z-index: 1;}
.onlineNew .content:has( table) .tit{margin-bottom: 30px;}
.onlineNew .content .tit span{font-size: 36px;color: #0F53DB;font-weight: 700;line-height: 120%;letter-spacing: -1.08px;}
.onlineNew .content .tit span.ty1:before{content: "";position: absolute;top: 50%;left: -440px;transform: translateY(-50%);width: 360px;height: 30px;background: url(../../../images/pc/sub/onlinenew/deco_01.svg)no-repeat 50% 50%;background-size: cover;}
.onlineNew .content .tit span.ty1:after{content: "";position: absolute;top: 50%;right: -440px;transform: translateY(-50%);width: 360px;height: 30px;background: url(../../../images/pc/sub/onlinenew/deco_02.svg)no-repeat 50% 50%;background-size: cover;}
.onlineNew .content .tit span:before{content: "";position: absolute;bottom: 4px;left: 0;width: 100%;height: 10px;background: #DEF0FF;background-blend-mode: multiply;z-index: -1}
.onlineNew .content .tit span sup{font-size: 18px;letter-spacing: -0.84px;}
.onlineNew .content.ty2{max-width: 1200px;margin: 60px auto 0;padding: 0;border: 0;background: transparent;}
.onlineNew .content.ty2 .tit{display: flex;justify-content: space-between;align-items: center;text-align: left;padding: 0 10px;margin-bottom: 20px;}
.onlineNew .content.ty2 .tit span{font-size: 22px;color: #2D8CE3;font-weight: 600;}
.onlineNew .content.ty2 .tit span:before{display: none;}

.onlineNew .content .text{font-size: 20px;color: #0D0D0D;line-height: 150%;letter-spacing: -0.6px;}
.onlineNew .content .text *{line-height: 150%;}
.onlineNew .content .text.type1{text-align: left;word-break: keep-all;}
/* 상세 안내 본문 기본 굵기 */
.onlineNew .content .text.detailText {font-weight: 400;}

/*text-decoration:none이 적용되어 밑줄 제거 조치*/
.onlineNew .content .text.detailText a,
.onlineNew .content .text.detailText a:link,
.onlineNew .content .text.detailText a:visited,
.onlineNew .content .text.detailText a:hover,
.onlineNew .content .text.detailText a:active {text-decoration: underline;}

.onlineNew .content .user{text-align: center;margin-top: 40px;display: flex;flex-direction: column;align-items: flex-end;}
.onlineNew .content .user img{width: 96px;height: 96px;border-radius: 50%;margin: 0 0 20px;}
/*서명이 줄바꿈이 안되서 CSS 수정 처리*/
/*.onlineNew .content .user p{display: flex;align-items: center;justify-content: center;gap: 5px}*/
.onlineNew .content .user p{display: block;width: 100%;}

.onlineNew .content .user p span{font-size: 18px;color: #0D0D0D;line-height: 150%;letter-spacing: -0.54px;}
.onlineNew .content .user p span:nth-child(1){font-weight: 500;}

.onlineNew .content table{width: 100% !important;border-collapse: separate;border-spacing: 10px;}
.onlineNew .content table td{padding: 10px 20px;border-radius: 8px;}
.onlineNew .content table td:nth-child(1){width: 170px;}
.onlineNew .content table td:nth-child(2){width: auto;}
.onlineNew .content table td:nth-child(3){width: 240px;}
.onlineNew .content table .ct{text-align: center;}
.onlineNew .content table .ty1{background: #F3F6FC}
.onlineNew .content table .ty2{background: #E4EEFF}
.onlineNew .content table .ty3{background: #5EA1DF}
.onlineNew .content table .ty4{background: #fff}
.onlineNew .content table .fnt22 {font-size: 22px;}
.onlineNew .content table .crF{color: #fff;}
.onlineNew .content table .pd20{padding: 20px;}
.onlineNew .content table td *{font-size: 18px !important;line-height: 150%;letter-spacing: -0.54px;}
.onlineNew .content table td p span{display: block;}
.onlineNew .content table td strong{font-weight: 700;}

.onlineNew .content .idenTity{max-width: 705px;width: 100%;margin: 0 auto;padding: 40px;background: #F3F6FC;border-radius: 12px;}
.onlineNew .content .idenTity p{display: flex;justify-content: center;align-items: flex-start;font-size: 18px;color: #0D0D0D;line-height: 150%;letter-spacing: -0.54px;text-align: center;margin-bottom: 10px;gap: 4px;}
.onlineNew .content .idenTity p:before{content: "";position: relative;display: block;background: url(../../../images/pc/sub/onlinenew/icon_01.svg);width: 24px;height: 24px;background-size: cover;}
.onlineNew .content .idenTity button{display: block;width: 240px;height: 60px;font-size: 20px;font-weight: 700;color: #fff;padding: 12px 30px;border-radius: 2430px;background: #2D8CE3;margin: 0 auto;text-align: center;}

.onlineNew .content .formBox{max-width: 745px;width: 100%;margin: 40px auto 0;}
.onlineNew .content .formBox ul .fb{display: flex;width: 100%;padding: 0 20px;}
.onlineNew .content .formBox ul .fb ~ .fb{margin-top: 20px;}
.onlineNew .content .formBox ul .fb > div{display: flex;align-items: center;width: calc(100% - 120px);gap: 10px;}
.onlineNew .content .formBox ul .fb > div:has( ._lab.ty1){flex-wrap: wrap;gap: 10px 30px;}
.onlineNew .content .formBox ul .fb > div:has( input[type="checkbox"]){flex-wrap: wrap;gap: 10px 40px;}
.onlineNew .content .formBox ul .fb > div:has( p){flex-wrap: wrap;}
.onlineNew .content .formBox ul .fb span{display: block;width: 120px;height: 100%;line-height: 46px;font-size: 18px;color: #0D0D0D;letter-spacing: -0.54px;}
.onlineNew .content .formBox ul .fb span.pl:after{position: absolute;top: -10px;left: -10px;content: "*";display: inline-block;font-size: 18px;color: #2D8CE3}
.onlineNew .content .formBox ul .fb > div em{font-size: 16px;color: #0D0D0D;}
.onlineNew .content .formBox ul .fb > div p{padding-left: 16px;width: 100%;font-size: 16px;color: #2D8CE3;line-height: 130%;letter-spacing: -0.48px;}
.onlineNew .content .formBox ul .fb > div p.place{display: none;color: #000;position: absolute;top: 46px;background: #fff;padding: 10px;z-index: 1;border-radius: 10px;border: 1px solid #000;width: auto;}
.onlineNew .content .formBox ul .fb > div p.red{color: #F55859}
.onlineNew .content .formBox ul .fb > div p.ty2{color: #808080;padding: 20px;border-radius: 16px;background: #F3F6FC}
.onlineNew .content .formBox ul .fb > div input{height: 46px;font-size: 16px;color: #0D0D0D;line-height: 130%;letter-spacing: -0.48px;padding: 12px 16px;border-radius: 23px;background: #fff;border: 1px solid #D9D9D9;}
.onlineNew .content .formBox ul .fb > div input[readonly]{background: #F3F6FC;border: 0;color: #808080}
.onlineNew .content .formBox ul .fb > div .inp01{width: 100%}
.onlineNew .content .formBox ul .fb > div .inp01:has( + .ckBtn){padding-right: 95px;}
.onlineNew .content .formBox ul .fb > div .inp02{max-width: 180px;width: 100%;}
.onlineNew .content .formBox ul .fb > div .search{width: 100%;}
/*.onlineNew .content .formBox ul .fb > div .search:before{content: "";position: absolute;top: 50%;right: 10px;transform: translateY(-50%);width: 24px;height: 24px;background: url(../../../images/pc/sub/onlinenew/search.svg);background-size: cover;z-index: 1;}*/
.onlineNew .content .formBox ul .fb > div .search input{padding-right: 30px;}
.onlineNew .content .formBox ul .fb > div .select{width: 100%;height: 46px;}
.onlineNew .content .formBox ul .fb > div .select .selectBtn{width: 100%;height: 100%;font-size: 16px;color: #808080;letter-spacing: -0.48px;line-height: 130%;padding: 12px 30px 12px 16px;background: #fff;border-radius: 23px;border: 1px solid #D9D9D9}
.onlineNew .content .formBox ul .fb > div .select .selectBtn:before{content: "";position: absolute;top: 50%;right: 10px;transform: translateY(-50%);width: 24px;height: 24px;background: url(../../../images/pc/sub/onlinenew/arr.svg);background-size: cover;transition: .5s;}
.onlineNew .content .formBox ul .fb > div .select .selectBtn.active{border-radius: 23px 23px 0 0;border-bottom: 0;}
.onlineNew .content .formBox ul .fb > div .select .selectBtn.on{color: #0D0D0D}
.onlineNew .content .formBox ul .fb > div:has( .email) .select .selectBtn.on{color: #808080}
.onlineNew .content .formBox ul .fb > div .select .selectBtn.active:before{transform: translateY(-50%) rotate(180deg);}
.onlineNew .content .formBox ul .fb > div .select .selectList{display: none;max-height: 220px;overflow: auto;position: absolute;top: 100%;left: 0;width: 100%;border-radius: 0 0 23px 23px;border: 1px solid #D9D9D9;background: #fff;border-top: 0;z-index: 2;}
.onlineNew .content .formBox ul .fb > div .select .selectBtn.active + .selectList{display: block;}
.onlineNew .content .formBox ul .fb > div .select .selectList li{padding: 13.5px 16px;font-size: 16px;color: #000;cursor: pointer;}
.onlineNew .content .formBox ul .fb > div .select .selectList li span{display: inline-block;line-height: 1;}
.onlineNew .content .formBox ul .fb > div .select .selectList li:hover{background: #F3F6FC;}
.onlineNew .content .formBox ul .fb > div .select .selectList li.active{background: #F3F6FC;}
.onlineNew .content .formBox ul .fb:has( ._lab) span{line-height: 24px}
.onlineNew .content .formBox ul .fb ._lab{display: flex;align-items: center;gap: 10px;cursor: pointer;}
.onlineNew .content .formBox ul .fb ._lab  ~ ._lab{margin-left: 30px;}
.onlineNew .content .formBox ul .fb ._lab.ty1  ~ ._lab.ty1{margin-left: 0;}
.onlineNew .content .formBox ul .fb ._lab  ~ ._lab:has( input[type="checkbox"]){margin-left: 0;}
.onlineNew .content .formBox ul .fb ._lab input{appearance: none; /* 기본(네이티브) 모양을 제거 */position: absolute;width: 1px;height: 1px;padding: 0;border: 0;overflow: hidden;margin: -1px;clip-path: inset(50%);}
.onlineNew .content .formBox ul .fb ._lab i{display: inline-block;width: 24px;height: 24px;border-radius: 8px;border: 1px solid #D9D9D9;background: #fff;}
.onlineNew .content .formBox ul .fb ._lab input:checked + i:before{content: "";position: absolute;top: 0;left: 0;width: 24px;height: 24px;background: url(../../../images/pc/sub/onlinenew/check.svg);background-size: cover;}
.onlineNew .content .formBox ul .fb ._lab span{width: auto;font-size: 16px;color: #0D0D0D;line-height: 130%;letter-spacing: -0.48px;}
.onlineNew .content .formBox ul .fb ._lab.ty1{}
.onlineNew .content .formBox ul .fb ._lab.ty1 i{border-radius: 50%;}
.onlineNew .content .formBox ul .fb ._lab.ty1 input:checked + i:before{background: #4fa6f6;width: 15px;height: 15px;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 50%;}
.onlineNew .content .formBox ul .fb ._lab.ty1 input[type="text"]{position: relative;width: 150px;border: 1px solid #D9D9D9;appearance: auto;height: 30px;clip-path: none;border-radius: 0;padding-left: 10px;}
.onlineNew .content .formBox ul .fb ._lab.ty1 input[type="text"][disabled]{background: #D9D9D9}

.onlineNew .formBtn{display: flex;align-items: center;height: 60px;padding: 12px 30px;border-radius: 30px;background: #2D8CE3;font-size: 20px;font-weight: 700;color: #fff;text-align: center;margin: 40px auto 0}
.onlineNew .ckBtn{position: absolute;top: 10px;right: 15px;background: #1E7DEB;border-radius: 14px;padding: 4px 10px;color: #fff;font-size: 14px;line-height: 17px;}
.onlineNew .formBtn.ty1{background: #808080}
.onlineNew .formBtn.ty2{background: #0D0D0D;}
.onlineNew .ckBtn.active{background: #F3F6FC;color: #808080}

.onlineNew .content .formBox ul .fb.creAte{flex-direction: column;border-top: 1px solid #BDD6FF;border-bottom: 1px solid #BDD6FF;padding: 30px 20px;}
.onlineNew .content .formBox ul .fb.creAte .creTit{text-align: center;font-size: 16px;font-weight: 700;line-height: 21px;color: #2D8CE3;margin-bottom: 20px;}
.onlineNew .content .formBox ul .fb.creAte .creBox{width: 100%;gap: 0;align-items: flex-start;}
.onlineNew .content .formBox ul .fb.creAte .creBox ~ .creBox{margin-top: 20px;}
.onlineNew .content .formBox ul .fb.creAte .creBox > div{width: calc(100% - 120px);display: flex;flex-direction: column;align-items: flex-start;gap: 10px;}

.onlineNew .content .qnaBtn{background: url(../../../images/pc/sub/onlinenew/arr01.svg);background-size: cover;width: 24px;height: 24px;transition: .5s;}
.onlineNew .content .qnaBtn.active{transform: rotate(180deg);}
.onlineNew .content .qna{display: none;}
.onlineNew .content .qna dl dt , .onlineNew .content .qna dl dd{display: flex;gap: 20px;}
.onlineNew .content .qna dl dt{background: #E7F4FF;border-top: 1px solid #2D8CE3;padding: 20px;}
.onlineNew .content .qna dl dd{background: #fff;padding: 20px 20px;}
.onlineNew .content .qna dl dt span, .onlineNew .content .qna dl dd span{font-size: 20px;color: #0D0D0D;line-height: 150%;letter-spacing: -0.6px;}

/**/
/* 사전등록 폼 내용만 기본 굵기로 변경 */
.onlineNew #bottom .formBox,
.onlineNew #bottom .formBox * {font-weight: 400;}
.onlineNew #bottom .formBtn {font-weight: 700 !important;}
/* 사전등록 폼의 왼쪽 항목명만 Bold */
.onlineNew #bottom .formBox ul .fb > span {font-weight: 700 !important;}


.onlineNew .banner{margin-top: 60px;padding: 0 20px;}

.onlineNew .end{display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 100px;}
.onlineNew .end p{font-size: 36px;line-height: 43px;color: #000;}
.onlineNew .end .formBtn{margin-top: 100px;}

.pop{position: fixed;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.7);z-index: 9999;}
.pop .inner{display: flex;flex-direction: column;align-items: center;max-width: 500px;width: 100%;padding: 54px 50px 42px;background: #fff;border-radius: 20px;}
.pop .inner .popIcon{background: url(../../../images/pc/sub/onlinenew/popup_icon.svg);width: 200px;height: 200px;background-size: cover;}
.pop.ty1 .inner .popIcon{background: url(../../../images/pc/sub/onlinenew/popup_icon_on.svg);background-size: cover;}
.pop .inner p{font-size: 28px;color: #3a3a3a;font-weight: 700;margin-top: 30px;}
.pop.ty1 .inner p{color: #1E7DEB}
.pop .inner button{display: block;margin: 24px auto 0;width: 84px;height: 40px;padding: 10px 20px;border-radius: 20px;background: #0D0D0D;color: #fff;font-size: 16px;font-weight: 700;text-align: center;}

@media(max-width: 1440px){
	/*aside*/
	.onlineNew .quick{position: fixed;left: auto;right: 20px;transform: none;margin-left: 0;}
}
@media(max-width: 1080px){
	html, body{font-size: 0.09vw}

	.onlineNew{padding-bottom: 130rem;}
	.onlineNew .main{padding: 0 20rem;}

	/*aside*/
	.onlineNew .quick{right: 20rem;}
	.onlineNew .quick li{width: 72rem;height: 72rem;gap: 4rem;}
	.onlineNew .quick li a{font-size: 16rem;}
	.onlineNew .quick li:nth-child(1){border-radius: 48rem 48rem 0 0;}
	.onlineNew .quick li:nth-child(1):before{width: 12rem;height: 12rem;}
	.onlineNew .quick li:nth-child(2){border: 1rem solid #F3F6FC;border-left: 0;border-right: 0;}
	.onlineNew .quick li:nth-child(3){border-radius: 0 0 48rem 48rem;}

	/*title*/
	.onlineNew .main .title{font-size: 72rem;letter-spacing: -2.16rem;padding: 80rem 0 40rem;}
	.onlineNew .main .subTit{gap: 10rem;}
	.onlineNew .main .subTit li{font-size: 24rem;letter-spacing: -0.72rem;padding: 9.5rem 30rem;border-radius: 24rem;}

	/*content*/
	.onlineNew .content{margin-top: 60rem;padding: 60rem 80rem;border-radius: 40rem;background: #FAFBFE;backdrop-filter: blur(13rem);border: 1rem solid #BDD6FF;}
	.onlineNew .content:has( table){padding: 60rem 70rem;}
	.onlineNew .content .tit{text-align: center;margin-bottom: 40rem;z-index: 1;}
	.onlineNew .content .tit span.ty1:before{left: -440rem;width: 360rem;height: 30rem;}
	.onlineNew .content .tit span.ty1:after{right: -440rem;width: 360rem;height: 30rem;}
	.onlineNew .content:has( table) .tit{margin-bottom: 30rem;}
	.onlineNew .content .tit span{font-size: 36rem;letter-spacing: -1.08rem;}
	.onlineNew .content .tit span:before{bottom: 4rem;height: 10rem;}
	.onlineNew .content .tit span sup{font-size: 18rem;letter-spacing: -0.84rem;}
	.onlineNew .content.ty2{margin: 60rem auto 0;}
	.onlineNew .content.ty2 .tit{padding: 0 10rem;margin-bottom: 20rem;}
	.onlineNew .content.ty2 .tit span{font-size: 22rem;}
	.onlineNew .content.ty2 .tit span:before{display: none;}

	.onlineNew .content .text{font-size: 20rem;letter-spacing: -0.6rem;}

	.onlineNew .content .user{margin-top: 40rem;}
	.onlineNew .content .user img{width: 96rem;height: 96rem;margin-bottom: 20rem;}
	.onlineNew .content .user p{gap: 5rem}
	.onlineNew .content .user p span{font-size: 18rem;letter-spacing: -0.54rem;}
	.onlineNew .content .user p span:nth-child(1){font-weight: 500;}

	.onlineNew .content table{border-spacing: 10rem;}
	.onlineNew .content table td{padding: 10rem 20rem;border-radius: 8rem;}
	.onlineNew .content table td:nth-child(1){width: 170rem;}
	.onlineNew .content table td:nth-child(2){width: auto;}
	.onlineNew .content table td:nth-child(3){width: 240rem;}
	.onlineNew .content table td *{font-size: 18rem !important;letter-spacing: -0.54rem;}
	.onlineNew .content table .fnt22 {font-size: 22rem;}
	.onlineNew .content table .pd20{padding: 20rem;}
	.onlineNew .content table td strong{font-weight: 500;}

	.onlineNew .content .idenTity{max-width: 705rem;width: 100%;margin: 0 auto;padding: 40rem;background: #F3F6FC;border-radius: 12rem;}
	.onlineNew .content .idenTity p{font-size: 18rem;letter-spacing: -0.54rem;text-align: center;margin-bottom: 10rem;gap: 4rem;}
	.onlineNew .content .idenTity p:before{width: 24rem;height: 24rem;}
	.onlineNew .content .idenTity button{width: 240rem;height: 60rem;font-size: 20rem;padding: 12rem 30rem;border-radius: 2430rem;}

	.onlineNew .content .formBox{margin: 40rem auto 0;}
	.onlineNew .content .formBox ul .fb ~ .fb{margin-top: 20rem;}
	.onlineNew .content .formBox ul .fb > div{width: calc(100% - 120rem);gap: 10rem;}
	.onlineNew .content .formBox ul .fb span{width: 120rem;height: 100%;line-height: 46rem;font-size: 18rem;letter-spacing: -0.54rem;}
	.onlineNew .content .formBox ul .fb span.pl:after{font-size: 18rem;top: -10rem;left: -10rem;}
	.onlineNew .content .formBox ul .fb > div em{font-size: 16rem;}
	.onlineNew .content .formBox ul .fb > div p{width: 100%;font-size: 16rem;letter-spacing: -0.48rem;}
	.onlineNew .content .formBox ul .fb > div p.ty2{padding: 20rem;border-radius: 16rem;}
	.onlineNew .content .formBox ul .fb > div p.place{top: 46rem;}
	.onlineNew .content .formBox ul .fb > div input{height: 46rem;font-size: 16rem;letter-spacing: -0.48rem;padding: 12rem 16rem;border-radius: 23rem;border: 1rem solid #D9D9D9;}
	.onlineNew .content .formBox ul .fb > div .inp01:has( + .ckBtn){padding-right: 95rem;}
	.onlineNew .content .formBox ul .fb > div .inp02{max-width: 180rem;}
	.onlineNew .content .formBox ul .fb > div .search:before{right: 10rem;width: 24rem;height: 24rem;}
	.onlineNew .content .formBox ul .fb > div .search input{padding-right: 30rem;}
	.onlineNew .content .formBox ul .fb > div .select{height: 46rem;}
	.onlineNew .content .formBox ul .fb > div .select .selectBtn{font-size: 16rem;letter-spacing: -0.48rem;padding: 12rem 30rem 12rem 16rem;border-radius: 23rem;border: 1rem solid #D9D9D9}
	.onlineNew .content .formBox ul .fb > div .select .selectBtn:before{right: 10rem;width: 24rem;height: 24rem;}
	.onlineNew .content .formBox ul .fb > div .select .selectBtn.active{border-radius: 23rem 23rem 0 0;}
	.onlineNew .content .formBox ul .fb > div .select .selectList{max-height: 220rem;border-radius: 0 0 23rem 23rem;border: 1rem solid #D9D9D9;border-top: 0;}
	.onlineNew .content .formBox ul .fb > div .select .selectList li{padding: 13.5rem 16rem;font-size: 16rem;}
	.onlineNew .content .formBox ul .fb:has( ._lab) span{line-height: 24rem}
	.onlineNew .content .formBox ul .fb ._lab{gap: 10rem;}
	.onlineNew .content .formBox ul .fb ._lab  ~ ._lab{margin-left: 30rem;}
	.onlineNew .content .formBox ul .fb ._lab input{width: 1rem;height: 1rem;margin: -1rem;}
	.onlineNew .content .formBox ul .fb ._lab i{width: 24rem;height: 24rem;border-radius: 8rem;border: 1rem solid #D9D9D9;}
	.onlineNew .content .formBox ul .fb ._lab input:checked + i:before{content: "";position: absolute;top: 0;left: 0;width: 24rem;height: 24rem;}
	.onlineNew .content .formBox ul .fb ._lab span{font-size: 16rem;letter-spacing: -0.48rem;}
	.onlineNew .content .formBox ul .fb ._lab.ty1 input:checked + i:before {width: 15rem;height: 15rem;}
	.onlineNew .content .formBox ul .fb ._lab.ty1 input[type="text"]{width: 150rem;border: 1rem solid #D9D9D9;height: 30rem;padding-left: 10rem;}
	.onlineNew .formBtn{height: 60rem;padding: 12rem 30rem;border-radius: 30rem;font-size: 20rem;margin: 40rem auto 0}
	.onlineNew .ckBtn{position: absolute;top: 10rem;right: 15rem;border-radius: 14rem;padding: 4rem 10rem;color: #fff;font-size: 14rem;line-height: 17rem;}

	.onlineNew .content .qnaBtn{width: 24rem;height: 24rem;}
	.onlineNew .content .qna dl dt , .onlineNew .content .qna dl dd{display: flex;gap: 20rem;}
	.onlineNew .content .qna dl dt{border-top: 1rem solid #2D8CE3;padding: 20rem;}
	.onlineNew .content .qna dl dd{padding: 0 20rem;}
	.onlineNew .content .qna dl.active dd{padding: 20rem;}
	.onlineNew .content .qna dl dt span, .onlineNew .content .qna dl dd span{font-size: 20rem;letter-spacing: -0.6rem;}

	.onlineNew .banner{margin-top: 60rem;padding: 0 20rem;}

}

@media(max-width: 720px){
	html, body{font-size: 0.14vw;}

	.pc{display: none !important;}
	.mo{display: block !important;}
	.onlineNew{}
	.onlineNew.ty1{}
	.onlineNew:before{content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 928rem;padding-bottom: 0;background: url(../../../images/pc/sub/onlinenew/online_bg_m.png?ver=1)no-repeat 50% 50%;background-size: cover;z-index: 1;}
	.onlineNew.ty1:before{content: "";position: absolute;top: 360rem;left: 50%;transform: translateX(-50%);width: 100%;height: 366rem;padding-bottom: 0;background: url(../../../images/pc/sub/onlinenew/online_bg_01_m.png?ver=1)no-repeat 50% 50%;background-size: cover;z-index: 1;}
	.onlineNew .main{padding: 0;background: #F3F6FC;}
	.onlineNew.none .main{background: #fff;}
	.onlineNew.ty1 .main:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, #020E46 0.94%, #0088C3 15.97%);}

	/* header*/
	.onlineNew .main .header{z-index: 1;}
	.onlineNew .main:has( .header.fixed){padding-top: 100rem;}
	.onlineNew .main .header.fixed {position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;}
	.onlineNew .main .header{padding: 0 40rem;background: #fff;}
	.onlineNew .main .header ul{width: 100%;height: 100rem;}
	.onlineNew .main .header ul li img{height: 36rem;max-width: none;}

	/*aside*/
	.onlineNew .quick{right: 40rem;}
	.onlineNew .quick li{width: 72rem;height: 72rem;gap: 4rem;}
	.onlineNew .quick li a{font-size: 16rem;}
	.onlineNew .quick li:nth-child(1){border-radius: 48rem 48rem 0 0;}
	.onlineNew .quick li:nth-child(1):before{width: 12rem;height: 12rem;}
	.onlineNew .quick li:nth-child(2){border: 1rem solid #F3F6FC;border-left: 0;border-right: 0;}
	.onlineNew .quick li:nth-child(3){border-radius: 0 0 48rem 48rem;}

	/*title*/
	.onlineNew .main .title{font-size: 56rem;color: #3176FF;letter-spacing: -1.68rem;padding: 100rem 0 40rem;}
	.onlineNew .main .subTit{gap: 8rem;}
	.onlineNew .main .subTit li{font-size: 32rem;letter-spacing: -0.72rem;padding: 11rem 32rem;border-radius: 48rem;font-weight: 400;}
	.onlineNew .main .title u{text-underline-offset: 9rem;}

	/*content*/
	.onlineNew .content{margin-top: 0;padding: 120rem 40rem;border-radius: 0;background: #F3F6FC;backdrop-filter: blur(0);border: 0;}
	.onlineNew .content:nth-child(even){background: #FAFBFE;}
	.onlineNew .content.intro{padding: 104rem 40rem 64rem;}
	.onlineNew.ty1 .content.intro{background: transparent;}
	.onlineNew .content:has( table){padding: 120rem 30rem;}
	.onlineNew .content .tit{text-align: center;margin-bottom: 64rem;z-index: 1;}
	.onlineNew .content .tit span.ty1:before{content: "";position: absolute;top: 50%;left: calc(-92% - 32rem);transform: translateY(-50%);width: 182rem;height: 28rem;background: url(../../../images/pc/sub/onlinenew/deco_01_m.svg)no-repeat 50% 50%;background-size: cover;}
	.onlineNew .content .tit span.ty1:after{content: "";position: absolute;top: 50%;right: calc(-92% - 32rem);transform: translateY(-50%);width: 182rem;height: 28rem;background: url(../../../images/pc/sub/onlinenew/deco_02_m.svg)no-repeat 50% 50%;background-size: cover;}
	.onlineNew .content:has( table) .tit{margin-bottom: 44rem;}
	.onlineNew .content .tit span{font-size: 56rem;letter-spacing: -1.68rem;}
	.onlineNew.ty1 .content.intro .tit span{color: #fff;}
	.onlineNew .content .tit span:before{bottom: 10rem;height: 22rem;}
	.onlineNew .content .tit span:has( sup):before{bottom: 10rem;}
	.onlineNew .content .tit span sup{font-size: 30rem;letter-spacing: -1.68rem}
	.onlineNew .content.ty2{margin: 0 auto;}
	.onlineNew.ty1 .content.ty2{background: #F3F6FC}
	.onlineNew .content.ty2 .tit{padding: 33rem 40rem;margin-bottom: 0;}
	.onlineNew .content.ty2 .tit span{font-size: 36rem;line-height: 150%;letter-spacing: -1.08rem;}
	.onlineNew .content.ty2 .tit span:before{display: none;}
	.onlineNew .content .text{font-size: 28rem;letter-spacing: -0.84rem;line-height: 130%}
	.onlineNew .content .text *{line-height: 130%}
	.onlineNew.ty1 .content.intro .text{color: #fff;}

	.onlineNew .content .user{margin-top: 65rem;}
	.onlineNew .content .user img{width: 192rem;height: 192rem;margin-bottom: 40rem;}
	.onlineNew .content .user p{gap: 5rem}
	.onlineNew .content .user p span{font-size: 28rem;letter-spacing: -0.54rem;}
	.onlineNew.ty1 .content.intro .user p span{color: #fff}

	.onlineNew .content table{border-spacing: 10rem  8rem;}
	.onlineNew .content table td{padding: 16rem 12rem;border-radius: 16rem;}
	.onlineNew .content table td:nth-child(1){width: 124rem;}
	.onlineNew .content table td:nth-child(2){width: auto;}
	.onlineNew .content table td:nth-child(3){width: 164rem;}
	.onlineNew .content table td *{font-size: 28rem !important;letter-spacing: -0.84rem;line-height: 130%;}

	/* 긴 영문·기관명이 테이블 최소 너비를 확장하지 않도록 처리 20260827 */
	.onlineNew .content table td,
	.onlineNew .content table td *{word-break: normal;overflow-wrap: anywhere;}
	/*End*/

	.onlineNew .content table td strong{font-weight: 600;}
	.onlineNew .content table .ty1{background: #fff}
	.onlineNew .content table .ty2{background: #BDD6FF}
	.onlineNew .content table .ty3{background: #4FA6F6}
	.onlineNew .content table .ty4{background: #fff}
	.onlineNew .content table .fnt22{font-size: 32rem;}

	.onlineNew .content .idenTity{max-width: auto;width: 100%;margin: 0 auto;padding: 64rem 40rem;background: #F3F6FC;border-radius: 24rem;}
	.onlineNew .content .idenTity p{flex-direction: column;justify-content: center;align-items: center;font-size: 36rem;letter-spacing: -1.4rem;text-align: center;margin-bottom: 40rem;gap: 8rem;}
	.onlineNew .content .idenTity p:before{width: 48rem;height: 48rem;}
	.onlineNew .content .idenTity button{width: 480rem;height: 120rem;font-size: 40rem;padding: 24rem 60rem;border-radius: 2430rem;}

	.onlineNew .content .formBox ul .fb{flex-wrap: wrap;align-items: center;padding: 0 0;}
	.onlineNew .content .formBox ul .fb:has( span.ty1){align-items: flex-start;}
	.onlineNew .content .formBox ul .fb ~ .fb{margin-top: 40rem;}
	.onlineNew .content .formBox ul .fb > div:has( ._lab.ty1) {gap: 20rem 30rem;}
	.onlineNew .content .formBox ul .fb > div{flex-wrap: wrap;width: calc(100% - 144rem);gap: 20rem;}
	.onlineNew .content .formBox ul .fb span{width: 144rem;height: 100%;font-size: 32rem;letter-spacing: -0.96rem;line-height: 46rem;word-break: keep-all;}
	.onlineNew .content .formBox ul .fb span.pl:after{font-size: 32rem;top: -18rem;left: -18rem;}
	.onlineNew .content .formBox ul .fb  p.ty1{width: 100%;font-size: 28rem;letter-spacing: -0.84rem;color: #2D8CE3;line-height: 130%;margin-top: 10rem;padding-left: 0;}
	.onlineNew .content .formBox ul .fb > div p.place{font-size: 28rem;top: 92rem}
	.onlineNew .content .formBox ul .fb > div p.place.active{display: inline-block;}
	.onlineNew .content .formBox ul .fb  p.ty1.red{color: #F55859}
	.onlineNew .content .formBox ul .fb > div p.ty2{padding: 20rem;border-radius: 16rem;font-size: 32rem;line-height: 130%;letter-spacing: -0.96rem;}
	.onlineNew .content .formBox ul .fb > div input{height: 92rem;font-size: 32rem;letter-spacing: -0.96rem;padding: 24rem 32rem;border-radius: 46rem;border: 1rem solid #D9D9D9;}
	.onlineNew .content .formBox ul .fb > div .inp01:has( + .ckBtn){padding-right: 175rem;}
	.onlineNew .content .formBox ul .fb > div .inp02{max-width: 100%;width: 100%;}
	.onlineNew .content .formBox ul .fb > div .search:before{right: 20rem;width: 48rem;height: 48rem;}
	.onlineNew .content .formBox ul .fb > div .search input{padding-right: 60rem;}
	.onlineNew .content .formBox ul .fb > div .select{height: 92rem;}
	.onlineNew .content .formBox ul .fb > div .select .selectBtn{font-size: 32rem;letter-spacing: -0.96rem;padding: 12rem 30rem 12rem 16rem;border-radius: 46rem;border: 1rem solid #D9D9D9}
	.onlineNew .content .formBox ul .fb > div .select .selectBtn:before{right: 20rem;width: 48rem;height: 48rem;}
	.onlineNew .content .formBox ul .fb > div .select .selectBtn.active{border-radius: 46rem 46rem 0 0;}
	.onlineNew .content .formBox ul .fb > div .select .selectList{max-height: 440rem;border-radius: 0 0 46rem 46rem;border: 1rem solid #D9D9D9;border-top: 0;}
	.onlineNew .content .formBox ul .fb > div .select .selectList li{padding: 27rem 32rem;font-size: 32rem;}
	.onlineNew .content .formBox ul .fb:has( ._lab) span{line-height: 48rem;}
	.onlineNew .content .formBox ul .fb ._lab{gap: 20rem;margin-right: 60rem;margin-left: 0;}
	.onlineNew .content .formBox ul .fb ._lab ~ ._lab{margin-left: 0;}
	.onlineNew .content .formBox ul .fb ._lab ~ ._lab{margin-right: 0;}
	.onlineNew .content .formBox ul .fb ._lab input{width: 1rem;height: 1rem;margin: -1rem;}
	.onlineNew .content .formBox ul .fb ._lab i{width: 48rem;height: 48rem;border-radius: 16rem;border: 1rem solid #D9D9D9;}
	.onlineNew .content .formBox ul .fb ._lab input:checked + i:before{content: "";position: absolute;top: 0;left: 0;width: 48rem;height: 48rem;}
	.onlineNew .content .formBox ul .fb ._lab span{font-size: 32rem;letter-spacing: -0.96rem;}
	.onlineNew .content .formBox ul .fb ._lab.ty1 input:checked + i:before {width: 30rem;height: 30rem;}
	.onlineNew .content .formBox ul .fb ._lab.ty1{margin-right: 0;}
	.onlineNew .content .formBox ul .fb ._lab.ty1 input[type="text"]{width: 300rem;border: 1rem solid #D9D9D9;height: 48rem;padding-left: 10rem;}
	.onlineNew .formBtn{height: 96rem;padding: 20rem 80rem;border-radius: 48rem;font-size: 32rem;margin: 80rem auto 0}
	.onlineNew .ckBtn{position: absolute;top: 20rem;right: 30rem;background: #1E7DEB;border-radius: 28rem;padding: 8rem 20rem;color: #fff;font-size: 28rem;line-height: 34rem;}

	.onlineNew .content .formBox ul .fb.creAte{flex-direction: column;border-top: 2rem solid #BDD6FF;border-bottom: 2rem solid #BDD6FF;padding: 40rem;}
	.onlineNew .content .formBox ul .fb.creAte .creTit{text-align: center;font-size: 32rem;font-weight: 700;line-height: 42rem;color: #2D8CE3;margin-bottom: 40rem;}
	.onlineNew .content .formBox ul .fb.creAte .creBox{width: 100%;gap: 0;align-items: center;}
	.onlineNew .content .formBox ul .fb.creAte .creBox ~ .creBox{margin-top: 40rem;}
	.onlineNew .content .formBox ul .fb.creAte .creBox > div{width: calc(100% - 144rem);display: flex;flex-direction: column;align-items: flex-start;gap: 20rem;}
	.onlineNew .content .formBox ul .fb.creAte .creBox p.ty1{padding-left: 164rem;font-size: 24rem;}

	.onlineNew .content .qnaBtn{width: 48rem;height: 48rem;}
	.onlineNew .content .qna dl dt , .onlineNew .content .qna dl dd{display: flex;gap: 40rem;}
	.onlineNew .content .qna dl dt{border-top: 2rem solid #2D8CE3;padding: 40rem;}
	.onlineNew .content .qna dl dd{padding: 0 40rem;}
	.onlineNew .content .qna dl.active dd{padding: 40rem;}
	.onlineNew .content .qna dl dt span, .onlineNew .content .qna dl dd span{font-size: 32rem;letter-spacing: -0.96rem;}

	.onlineNew .banner{margin-top: 40rem;padding: 0 20rem;}

	.onlineNew .end{display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 40rem;}
	.onlineNew .end img{width: 240rem;}
	.onlineNew .end p{font-size: 32rem;line-height: 48rem;color: #000;}
	.onlineNew .end .formBtn{margin-top: 40rem;}

	.pop{padding: 80rem 40rem;}
	.pop .inner{padding: 80rem 40rem;max-width: unset;}
	.pop .inner .popIcon{width: 240rem;height: 240rem;}
	.pop .inner p{font-size: 48rem;font-weight: 500;margin-top: 48rem;line-height: 120%;}
	.pop .inner button{display: block;margin: 40rem auto 0;width: 168rem;height: 80rem;padding: 20rem 40rem;border-radius: 40rem;font-size: 32rem;font-weight: 700;text-align: center;}
}

#footer {padding:36px 0;color:#999;font-size:18px;text-align:center}
#footer p {margin-bottom:23px}
#footer p+address, #footer .tel {display:inline-block}
#footer .tel:before {display:inline-block;width:1px;height:17px;margin:0 11px 0 7px;background-color:#999;vertical-align:-3px;content:''}