main html, main body, main div, main span, main applet, main object, main iframe, main h1, main h2, main h3, main h4, main h5, main h6, main p, main blockquote, main pre, main a, main abbr, main acronym, main address, main big, main cite, main code, main del, main dfn, main em, main img, main ins, main kbd, main q, main s, main samp, main small, main strike, main strong, main sub, main sup, main tt, main var, main b, main u, main i, main center, main dl, main dt, main dd, main ol, main ul, main li, main fieldset, main form, main label, main legend, main table, main caption, main tbody, main tfoot, main thead, main tr, main th, main td, main article, main aside, main canvas, main details, main embed, main figure, main figcaption, main footer, main header, main hgroup, main menu, main nav, main output, main ruby, main section, main summary, main time, main mark, main audio, main video {
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    font-size:inherit;
    line-height:120%;
}
textarea{font-family:"S-CoreDream";}

.hidden{position:absolute; width:0px; height:0px; overflow:hidden; clip:rect(0px, 0px, 0px, 0px); white-space:nowrap;}
.ui-widget.ui-widget-content{width:auto; height:auto;}

.btn{display:inline-flex; align-items: center; justify-content: center; padding:8px 12px; font-size:14px; font-weight:500; border:1px solid #ddd; border-radius:4px; transition-duration:0.2s; box-shadow:0px 4px 12px 1px rgba(20, 106, 226,0.0);}
.btn:hover,.btn:focus{border:1px solid #146AE2; box-shadow:0px 4px 12px 1px rgba(20, 106, 226,0.2);}
/*브레드크럼*/
.location{width:100%; height:44px; background:linear-gradient(-90deg,#00887D,#0A6EA5); padding-left:20px;}
.location > ul{max-width:1200px; margin:0 auto;}
.location > ul > li{color:#fff; display:flex; align-items: center;}
.location > ul{display:flex; align-items: center; height: 100%;}
.location > ul > li > ul{display:none;}
.location > ul > li:nth-of-type(1) span{font-size:0px; display:block; width:18px; height:16px; background:url("../img/location_home.svg")center center no-repeat; background-size:100%;}
.location > ul > li:not(:nth-last-of-type(1))::after{content:""; display:block; width:18px; height:14px; background:url("../img/location_right.svg")center center no-repeat; background-size:100%; margin:0px 20px;}
.location > ul > li{font-size:15px;}

/*탭메뉴*/
main .content .tab{width:100%; display:flex; align-items: center;}
main .content .tab li{flex:1; background:#f8f9fc; border-radius:4px;}
main .content .tab li a{transition-duration:0.2s; font-size:17px; color:#666; font-weight:400; display:flex; align-items: center; justify-content: center; height: 60px; border-radius:4px; border:1px solid transparent; box-shadow:0px 0px 0px rgba(255,255,255,0);}
main .content .tab li.on a{border:1px solid #146AE2; box-shadow:0px 2px 4px rgba(20, 106, 226,0.2); background:#fff; color:#146AE2; font-weight:700; }

/*페이징*/
.paging{display:flex; align-items: center; justify-content: center; margin-top:40px; }
.paging .prev a,
.paging .next a,
.paging .first a,
.paging .last a{display:block; font-size:0px; width:24px; height:24px; background-size:24px;}
.paging li:not(.prev,.next,.first,.last) a{display:flex; justify-content: center; align-items: center; width:40px; height:40px; border-radius:0px; font-size:16px; font-weight:500; color:#666; transition-duration:0.2s;}
.paging li:not(.prev,.next,.first,.last) a:is(:hover,:focus){color:#146AE2; font-weight:700;}
.paging .prev a{background:url("../img/paging_next.svg")center center no-repeat; background-size:100%; transform:rotate(180deg);}
.paging .next a{background:url("../img/paging_next.svg")center center no-repeat; background-size:100%;}
.paging .first a{background:url("../img/paging_last.svg")center center no-repeat; background-size:100%;transform:rotate(180deg);}
.paging .last a{background:url("../img/paging_last.svg")center center no-repeat; background-size:100%;}
.paging li:not(.prev,.next,.first,.last).on a{border-radius:50%; border:1px solid #146AE2; color:#146AE2; font-weight:700;}
.paging .prev.disabled a{background:url("../img/paging_prev_disabled.svg")center center no-repeat; background-size:100%; transform:rotate(0deg);}
.paging .next.disabled a{background:url("../img/paging_prev_disabled.svg")center center no-repeat; background-size:100%;transform:rotate(180deg);}
.paging .first.disabled a{background:url("../img/paging_first_disabled.svg")center center no-repeat; background-size:100%;transform:rotate(0deg);}
.paging .last.disabled a{background:url("../img/paging_first_disabled.svg")center center no-repeat; background-size:100%;transform:rotate(180deg);}

@font-face {
    font-family: 'KBO-Dia-Gothic_medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/KBO-Dia-Gothic_medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
/*MAIN SUBTITLE*/
main .content h2.prTitle{font-family:"KBO-Dia-Gothic_medium";  }
main .content h2{font-size:44px; font-weight:500; color:#222; display:flex; flex-direction: column; gap:4px 0px; justify-content: center; align-items: center; margin-bottom:60px;}
main .content h2 span{font-size:18px; font-weight:500; color:#485A9C; }
main .content .subtitleExp{font-size:17px; font-weight:400; text-align:center; display:block; line-height:160%; color:#666;}
main .content{width:1200px; margin:0 auto; padding:60px 0px; max-width:100%; position:relative; }
.prBox{padding:40px; background: linear-gradient(84deg, #EBFFFE 0%, #FFFDF2 100%); text-align:center; font-size:17px; font-weight:300; line-height:160%; border-radius:12px; }
/*검색 박스*/
.searchWrap{width:100%; display:flex; justify-content: space-between; margin-bottom:40px; background:#F8F9FC; padding:32px;}
.tab + .searchWrap{margin-top:20px;}
.searchWrap > div{display:flex; align-items: center;;}
.searchWrap input[type=text]{height:46px; padding:0px 16px; border-radius:4px; background:#fff; border:1px solid #ddd; font-size:17px;}
.searchWrap > div.dateBox input.cal{ width:160px; padding:0px 16px; border-radius:4px;  }
.searchWrap > div.dateBox{gap:0px 8px;}
.searchWrap > div.dateBox i{font-size:18px; color:#666; font-weight:300;}
.searchWrap > div.dateBox input.cal{background:#fff url("../img/calendar.svg")right 16px center no-repeat; background-size:20px; transition-duration:0.2s; box-shadow:0px 4px 12px rgba(20, 106, 226,0.0);}
.searchWrap > div.dateBox input.cal:focus,.searchWrap > div.dateBox input.cal:hover{background:#fff url("../img/calendar_check.svg")right 16px center no-repeat; background-size:20px; box-shadow:0px 4px 12px rgba(20, 106, 226,0.2); border:1px solid #146AE2}
.searchWrap > div.searchBox{gap:0px 12px;}
.searchWrap select{height:46px; padding:0px 16px; border-radius:4px; background:#fff; border:1px solid #ddd; font-size:17px; color:#666; background:#fff url("../img/select.svg")center right 16px no-repeat; background-size:20px; appearance: none; min-width:112px;}
.searchWrap select.full{width:160px;}
.searchWrap input[type=text]{width:320px;}
.searchWrap button{height:46px; padding:0px 18px; background:#146AE2; display:flex; align-items: center; gap:0px 8px; font-size:17px; font-weight:500; color:#fff; border-radius:4px; border:0px; transition-duration:0.2s;}
.searchWrap button:is(:hover,:focus){background: #1055B5;}
.searchWrap button::after{content:""; display:block; width:16px; height:16px; background:url("../img/search.svg")center center no-repeat; background-size:100%;}
.searchWrap > div.toggleBox{display:flex; align-items: center; gap:0px 8px; margin-right:8px;}
.searchWrap > div.toggleBox a{display:flex; align-items: center; border-radius:4px; background:#ddd; padding:8px; height:46px;}
.searchWrap > div.toggleBox a.on{background:#146AE2; color:#fff;}
/*total*/
.total{display:flex; align-items: center; font-size:16px; font-weight:300;}
.total span{font-weight:700; color:#e31b53; margin-left:3px;}
.tab + .total{margin-top:40px;}

/*서울 영테크란?*/
.introduce{width:100%; min-height:800px; display:flex; justify-content: space-between;}
.introduce article{width:1200px; margin:0 auto; display:flex; flex-direction: column;}
.introduce.intro article .textBox::after{content:""; position:absolute; right:0px; top:50%; transform:translateY(-50%); display:block; width:510px; height:570px; background:url("../img/pig.svg")center center no-repeat; background-size:100%;}
.introduce.mission article .textBox::after{content:""; position:absolute; right:0px; top:50%; transform:translateY(-50%); display:block; width:573px; height:395px; background:url("../img/graph.svg")center center no-repeat; background-size:100%;}
.introduce.intro{background: linear-gradient(84deg, #EBFFFE 0%, #FFFDF2 100%);}
.introduce article .textBox{width:1200px; height:745px; display:flex; flex-direction: column; position:relative; justify-content: center;}
.introduce article .textBox h2{display:flex; flex-direction: column; gap:10px 0px; font-size:52px; font-weight:500; color:#222;}
.introduce article .textBox h2 span{font-size:18px; font-weight:500; color:#485A9C;}
.introduce article .textBox p,.introduce article .textBox p span{margin-top:40px; font-size:22px; font-weight:500; color:#333; line-height:160%;}
.introduce article .textBox p span{color:#146AE2;}
.introduce article .coreBox{ display:flex; justify-content: center; position:relative; width:980px; align-items: stretch; margin:130px auto 0px;}
.introduce article .coreBox .core{position:absolute; left:50%; transform:translateX(-50%) translateY(-50%); border-radius:100px; background:#146AE20D;}
.introduce article .coreBox .core::before{content:""; position:absolute;left:50%; top:50%; transform:translateY(-50%) translateX(-50%); display:block; width:calc(100% - 24px); height:calc(100% - 24px); background:#146AE21A; border-radius:100px;}
.introduce article .coreBox .core > span{margin:24px; position:relative; display:block; padding:20px 37.5px; border-radius:100px; color:#fff; font-weight:600; font-size:28px; background:#333880;}
.introduce article .coreBox .box{flex:1; border-radius:20px; display:flex; align-items: center; flex-direction: column; justify-content: center; padding:20px 0px; gap:12px 0px; background:#fff; border:2px solid;}
.introduce article .coreBox .box strong{font-size:24px; font-weight:700;}
.introduce article .coreBox .box p{font-size:17px; font-weight:500; line-height:160%; text-align: center; color:#666;}
.introduce article .coreBox .box:nth-of-type(1){border-color:#42B0AC;}
.introduce article .coreBox .box:nth-last-of-type(1){border-color:#146AE2;}
.introduce article .coreBox .box:nth-of-type(1) strong{color:#006F74;}
.introduce article .coreBox .box:nth-last-of-type(1) strong{color:#146AE2;}
.missionText{position:relative; margin:0 auto; width:980px; padding:18px 0px; text-align:center; border-radius:100px; border:1px solid #485A9C; color:#1A1C3E; font-size:20px; line-height:160%; font-weight:500; background: linear-gradient(84deg, #EBFFFE 0%, #FFFDF2 100%); margin-top:144px;}
.missionText b{font-weight:600; font-size:inherit;}
.missionText::before{content:""; display:block; width:368px; height:154px; background:url("../img/union.svg")center center no-repeat; background-size:100%; position:absolute; left:50%; transform:translateX(-50%) translateY(-100%); z-index:-1;}
.introduce{position:relative; overflow: hidden;}
.introduce.mission{background:url("../img/intro_bg2.png")right bottom no-repeat; background-size:contain;}
.introduce .coin,.introduce .star{position:absolute; display:block; opacity:0; transition-duration:0.4s;}
.introduce .coin1{animation: float1 2.5s ease-in-out infinite; width:282px; height:271px; left:180px; top:-70px; background:url("../img/coin1.svg")center center no-repeat; background-size:100%;}
.introduce .coin2{animation: float2 2.5s ease-in-out infinite; width:214px; height:217px; right:0px; top:-40px; background:url("../img/coin2.svg")center center no-repeat; background-size:100%;}
.introduce .coin3{  animation: float1 2.5s ease-in-out infinite; width:160px; height:160px; top:150px; right:42%; background:url("../img/coin3.svg")center center no-repeat; background-size:100%;}
.introduce .coin4{animation: float2 3s ease-in-out infinite;  width:170px; height:360px; top:390px; left:-0px; background:url("../img/coin4.svg")center center no-repeat; background-size:100%;}
.introduce .coin5{animation: float3 2s ease-in-out infinite;  width:180px; height:180px; bottom:51px; left:50%; background:url("../img/coin5.svg")center center no-repeat; background-size:100%;}
.introduce .coin6{animation: float4 2.5s ease-in-out infinite; width:258px; height:258px; bottom:-60px; right:0px; background:url("../img/coin6.svg")center center no-repeat; background-size:100%;}
.introduce .star.star1{animation: float3 2.5s ease-in-out infinite; top:74px; left:152px;  width:70px; height:87px; background:url("../img/star1.svg")center center no-repeat; background-size:100%;}
.introduce .star.star2{animation: float1 2.5s ease-in-out infinite;  top:285px; left:40%; width:97px; height:123px; background:url("../img/star2.svg")center center no-repeat; background-size:100%;}
.introduce .star.star3{animation: float2 2.5s ease-in-out infinite;  top:104px; left:60%; width:89px; height:114px;background:url("../img/star3.svg")center center no-repeat; background-size:100%;}
.introduce .star.star4{animation: float3 2.5s ease-in-out infinite;  top:580px;  width:185px; height:234px; background:url("../img/star4.svg")center center no-repeat; background-size:100%;}
.introduce .star.star5{animation: float4 2.5s ease-in-out infinite;   top:200px; right:-90px; width:285px; height:361px; background:url("../img/star5.svg")center center no-repeat; background-size:100%;}
@keyframes float1 {
    0%, 100% {
        transform: translateY(0); /* 원래 위치 */
    }
    50% {
        transform: translateY(-10px); /* 위로 살짝 이동 */
    }
}@keyframes float2 {
     0%, 100% {
         transform: translateY(0); /* 원래 위치 */
     }
     50% {
         transform: translateY(-60px); /* 위로 살짝 이동 */
     }
 }@keyframes float3 {
      0%, 100% {
          transform: translateY(0); /* 원래 위치 */
      }
      50% {
          transform: translateY(-40px); /* 위로 살짝 이동 */
      }
  }
@keyframes float4 {
    0%, 100% {
        transform: translateY(0); /* 원래 위치 */
    }
    50% {
        transform: translateY(20px); /* 위로 살짝 이동 */
    }
}

.introProcess{display:flex; align-items: stretch; width:1150px; margin:135px auto 40px; gap:0px 17px;}
.introProcess > div{display:flex; flex-direction: column; gap:20px 0px;}
.introProcess > div.ip1{padding-top:134px;  width:120px;}
.introProcess > div.ip1 strong{display:flex; flex-direction: column; padding-right:10px; align-items: end; justify-content: center; font-size:24px; font-weight:500; color:#1a1a1a; text-align:right; height:200px; letter-spacing:-1px;}
.introProcess > div.ip2{background:#fff; padding:40px; border-radius:20px; border:1px solid #146AE2; width:360px; }
.introProcess > div.ip2 > strong,
.introProcess > div.ip3 > strong{display:block; text-align: center; padding:25px 0px; border-radius:12px; font-size:20px; font-weight:700;}
.introProcess > div.ip2 > strong span,
.introProcess > div.ip3 > strong span{font-size:inherit; font-weight:300;}
.introProcess > div.ip2 > strong{background:#D9DDF0;}
.introProcess > div > div{position:relative; display:flex; flex-direction: column; height:200px; border-radius:12px; justify-content: center; align-items: center;}
.introProcess > div.ip2 > div::after{content:""; position:absolute; display:block; width:104px; height:131px; right:-105px; top:50%; transform:translateY(-50%); background:url("../img/union_2.svg")center center no-repeat; background-size:100%; z-index:2;}
.introProcess > div > div p{font-size:20px; font-weight:700; line-height:120%; color:inherit;}
.introProcess > div > div p span{font-size:inherit; font-weight:400; color:inherit;}
.introProcess > div.ip2 > div{border:1px solid #D9DDF0; color:#0D3FA2;}
.introProcess > div.ip3{background:#146AE2; padding:40px; border-radius:20px; flex:1;}

.introProcess > div.ip3 > strong{ color:#E31B54; background:#fff;}
.introProcess > div.ip3 > strong span{color:#666;}
.introProcess > div.ip3 > div{background:#0D3FA24D; color:#fff;}
.introProcess > div.ip3 > div:nth-last-of-type(1){background:none;}
.introProcess > div.ip3 > div ul{display:flex; align-items: stretch; gap:0px 16px; width:100%; height:100%;}
.introProcess > div.ip3 > div ul li{flex:1; background:#0D3FA24D; border-radius:12px; overflow:hidden; display:flex; flex-direction: column;  text-align: center;}
.introProcess > div.ip3 > div ul li strong{display:block; line-height:36px; font-size:20px; font-weight:500; color:#1A1C3E; background:#8CB4F4; margin-bottom:auto; text-align:center;}
.introProcess > div.ip3 > div ul li p:nth-last-of-type(1){margin-bottom:auto;}
.introProcess > div > div i{display:none;}

.processText{background: linear-gradient(90deg, #00968C 0%, #0A6EA5 100%); color:#fff; padding:32px 0px; width:calc(1150px - 120px - 17px); margin-left:auto; margin-right:25px; text-align:center; border-radius:100px; font-size:26px; font-weight:700;}

.goFaq{padding:80px 0px; background:#F4F7FF; margin-top:150px;}
.goFaq > div{display:flex; align-items: center; justify-content: space-between; width:1200px; font-size:26px; font-weight: 500; color:#0D3FA2; margin:0 auto;}
.goFaq > div > a{font-size:17px; font-weight:500;; display:flex; padding:12px 18px; gap:0px 8px; border-radius:4px; background:#146AE2; color:#fff; transition-duration:0.2s;}
.goFaq > div > a:is(:hover,:focus){background:#1055B5;}
.goFaq > div > a::after{content:""; display:block; width:16px; height:16px; background:url("../img/link_arrow2.svg")center center no-repeat; background-size:100%;}

/*FAQ*/
.faqList{margin-top:40px; display:flex; flex-direction:column; gap:12px 0px; width:100%;}
.faqList a.faq{display:block; border:1px solid #E6E6E6; transition-duration:0.2s; position:relative; padding:28px; border-radius:12px;}
.faqList a.faq dl{display:flex; flex-direction: column; gap:12px 0px;}
.faqList a.faq dl dt{display:flex; align-items:center; gap:0px 12px; font-weight:600; color:#111; font-size:20px;}
.faqList a.faq dl dt p{display:flex; width:40px; justify-content: center; align-items: center; font-size:18px; font-weight:500; color:#555; border-radius:50%; background:#F8F9FC; aspect-ratio:1/1; min-width:40px;}
.faqList a.faq dl dt::after{content:""; display:block; width:24px; height:24px; background:url("../img/faq_arrow.svg")center center no-repeat; background-size:100%; margin-left:auto; transform:rotate(180deg); aspect-ratio:1/1;}
.faqList a.faq dl dd{margin-left:52px; font-size:17px; color:#555; display:none; line-height:120%;}
.faqList a.faq.on dl dd{display:block;}
.faqList a.faq.on dl dt::after{transform:rotate(0deg);}
.faqList a.faq.on{border:1px solid #146AE2; }

/*게시판*/
.board .tbl{width: 100%; margin-top:12px; border-top:1px solid #485A9C; }
.board .tbl thead th{height:60px; text-align:center; background:#FAFAFA; font-weight:500; font-size:16px; }
.board .tbl th,.board .tbl td{vertical-align: middle; border-bottom:1px solid #E6E6E6;}
.board .tbl tbody td{padding:28px 0px; text-align:center; font-size:16px;}
.board .tbl tbody td.al{text-align:left;}
.board .icon{font-size:0px; display:inline-block;}
.board .icon.notice2{width:26px; height:26px; background:#4DC8C3 url("../img/icon_notice.svg")center center no-repeat; background-size:14px 14px; border-radius:50%; display:block; margin:0 auto;}
.board tbody tr td.bold *{font-weight:500; color:#1a1a1a; max-width:580px;}
.board tbody tr td{font-weight:300; color:#666;}
.board tbody tr td a{display:flex; align-items: center;}
.board tbody tr td a p{white-space:nowrap; overflow: hidden; text-overflow:ellipsis; max-width:39vw;}
.board tbody tr td .comment i{font-size:0px;}
.board tbody tr td .comment{display:inline-block; font-weight:500; min-width:29px; min-height:25px; background:url("../img/icon_comment.png")center center no-repeat; background-size:100%; font-size:14px;  text-align:center; padding-top:3px; margin-left:10px; margin-top:5px;}
.board tbody tr td .icon.file{min-width:18px; min-height:18px; background:url("../img/icon_file.svg")center center no-repeat; background-size:100%; margin-left:10px;}
.board tbody tr td .good::before{content:""; display:block; width:18px; height:18px; background:url("../img/icon_good.svg")center center no-repeat; background-size:100%; margin-right:6px;}
.board tbody tr td .good{display:inline-flex; align-items: center; color:#666; font-weight:300;}
.board tbody tr td .view{display:inline-flex; align-items: center; color:#666; font-weight:300;}
.board tbody tr td .good i{font-size:0px;}

.board .boardList{display:grid; grid-template-columns: repeat(3, 1fr); flex-wrap:wrap; gap:40px 30px; margin-top:12px; padding-top:20px; border-top:1px solid #485A9C;}
.board .boardList > a{display:flex; flex-direction:column; width:100%; }
.board .boardList > a .imgBox{position:relative; display:flex; border-radius:12px; overflow:hidden; border:1px solid #C3C3C3; margin-bottom:20px; height:200px;}
.board .boardList > a .imgBox::after{content:""; display:block; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background:url("../img/icon_play.svg")center center no-repeat; background-size:100%; width:60px; height:60px;}
.board .boardList > a .imgBox img{width:100%;}
.board .boardList > a .imgBox time{position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,0.4); display:block; border-radius:100px; padding:4px 8px; color:#fff; font-size:12px;}
.board .boardList > a .textBox p{border-radius:100px; display:inline-block; padding:2px 12px; font-size:15px; font-weight:500; margin-bottom:12px;}
.board .boardList > a.type01 .textBox p{background:#FFF4F7; color:#E31B54;}
.board .boardList > a.type02 .textBox p{background:#F7F4FF; color:#5925DC;}
    .board .boardList > a.type03 .textBox p{background:#F4F7FF; color:#146AE2;}
    .board .boardList > a.type04 .textBox p{background:#F8F9FC; color:#333880;}
.board .boardList > a.type05 .textBox p{background:#F2FBFB; color:#2C6D6D;}
.board .boardList > a.type06 .textBox p{background:#F5FFF2; color:#1A8400;}
.board .boardList > a .textBox strong{display:block; font-size:18px; font-weight:500; color:#1a1a1a; line-height:120%;}

.boardDetail{border-top:1px solid #485A9C;}
.boardDetail h3{display:flex; align-items: center; padding:35px 40px; font-size:24px; font-weight:500; color:#1a1a1a}
.boardDetail h3 .goodBtn{display:flex; align-items: center; border-radius:4px; padding:8px 12px; border:1px solid #E6E6E6; margin-left:auto;}
.boardDetail h3 .goodBtn span{display:flex; align-items: center; font-size:15px; font-weight:500; color:#444;}
.boardDetail h3 .goodBtn span:nth-of-type(1)::after{content:""; display:block; width:18px; height:18px; background:url("../img/icon_heart_empty.svg")center center no-repeat; background-size:100%; margin:0px 6px;}
.boardDetail h3 .goodBtn.on span:nth-of-type(1)::after{background:url("../img/icon_good.svg")center center no-repeat; background-size:100%;}
.boardDetail .boardDetailInfo{display:flex; align-items: center; background:#F8F9FC; padding:23px 40px; border-bottom:1px solid #E6E6E6;}
.boardDetail .boardDetailInfo ul{display:flex; align-items: center; gap:0px 32px; width: 100%;}
.boardDetail .boardDetailInfo ul li{display:flex; align-items: center; gap:0px 4px;}
.boardDetail .boardDetailInfo ul li p{font-size:16px; font-weight:400; color:#666;}
.boardDetail .boardDetailInfo ul li span{font-size:16px; font-weight:500; color:#333;}
.boardDetail .boardDetailInfo ul li.link{margin-left:auto;}
.boardDetail .boardDetailInfo ul li.link a{display:flex; align-items: center; padding:0px 12px; height:33px; gap:0px 6px; font-size:14px; font-weight:500; color:#1a1a1a; border:1px solid #ddd; border-radius:4px;}
.boardDetail .boardDetailInfo ul li.link a::after{content:""; display:block; width:12px; height:12px; background:url("../img/icon_link.svg")center center no-repeat; background-size:100%;}
/* .boardDetail .boardDetailText{padding:60px 40px;} */
/* .boardDetail .boardDetailText *, */
/* .boardDetail .boardDetailText{font-size:unset; font-family:unset; color:unset; background:unset; font-weight:unset;line-height:unset; margin:unset; border:unset; font:unset; } */
.boardDetail .boardDetailFile{background:#F8F9FC; padding:24px; display:flex; align-items: start; gap:0px 40px; border-radius:12px;}
.boardDetail .boardDetailFile strong{font-size:18px; color:#1a1a1a; font-weight:500; display:block; margin-top:7px;}
.boardDetail .boardDetailFile ol{display:flex; flex-direction: column; gap:12px 0px; flex:1; width:100%;}
.boardDetail .boardDetailFile ol li{display:flex; flex:1; align-items: center; border-radius:12px; background:#fff; padding:12px 16px; border:1px solid #E6E6E6; }
.boardDetail .boardDetailFile ol li p{font-size:16px; font-weight:500; color:#1a1a1a; margin-right:auto;}
.boardDetail .boardDetailFile ol li p i{display:block; font-size:14px; font-weight:500; color:#777; margin-top:4px;}
.boardDetail .boardDetailFile ol li a{margin-left:12px; display:flex; border-radius:4px; padding:8px 12px;font-size:14px; font-weight:500; color:#444; gap:0px 6px; border:1px solid #ddd}
.boardDetail .boardDetailFile ol li a::after{content:""; display:block; width:12px; height:12px;}
.boardDetail .boardDetailFile ol li a.download{border:0px; background:#F4F7FF; color:#0D3FA2;}
.boardDetail .boardDetailFile ol li a.download::after{background:url("../img/icon_down.svg")center center no-repeat; background-size:100%;}
.boardDetail .boardDetailFile ol li a.viewnow::after{background:url("../img/icon_view2.svg")center center no-repeat; background-size:100%;}
.boardDetail .boardDetailFile ol li a.hearnow::after{background:url("../img/icon_sound.svg")center center no-repeat; background-size:100%;}
.boardDetail .commentArea{border-top:1px solid #E6E6E6; padding:40px;}
.boardDetail .commentArea h4{font-size:28px; font-weight:500; color:#1a1a1a; display:flex; align-items: center; gap:0px 10px;}
.boardDetail .commentArea h4 span{position:relative; display:block; font-size:16px; font-weight:500; color:#146AE2; padding:6px; border-radius:4px; background:#F4F7FF;}
.boardDetail .commentArea h4 span::before{content:""; display:block; width:15px; height:15px; background:#F4F7FF; position:absolute; transform:translateY(-50%)rotate(45deg); left:-4px; top:50%; z-index:-1;}
.boardDetail .commentArea ol{display:flex; flex-direction: column; gap:20px 0px; margin-top:20px;}
.boardDetail .commentArea ol > li{padding:24px; border-radius:12px;}
.boardDetail .commentArea ol li.write{background:#fff; border:1px solid #E6E6E6; transition-duration: 0.2s;}
.boardDetail .commentArea ol li.write.on{border:1px solid #146AE2; box-shadow:0px 4px 12px 1px rgba(20, 106, 226,0.2);}

.boardDetail .commentArea ol li .commentText{display:flex; align-items: center; margin-bottom:8px;}
.boardDetail .commentArea ol li .commentText .date,.boardDetail .commentArea ol li .commentText .textValue{margin-left:auto;}
.boardDetail .commentArea ol li .commentText .textValue{font-size:14px; font-weight:200; color:#666;}
.boardDetail .commentArea ol li .commentText p{font-size:16px; font-weight:500; color:#1a1a1a; font-weight:500;}
.boardDetail .commentArea ol li.write .comment textarea,
.boardDetail .commentArea ol li .comment textarea{font-size:16px; display:block; font-family:"S-CoreDream", sans-serif; font-weight:300;  width:100%; resize: none; border:0px; min-height:26px; outline:0px !important; border-radius:0px; color:#1a1a1a;}
.boardDetail .commentArea ol li.cmnt-list .comment textarea{border-radius:8px; border:1px solid #E6E6E6; padding:12px;}
.boardDetail .commentArea ol li.write .comment textarea::placeholder,
.boardDetail .commentArea ol li .comment textarea::placeholder{color:#666;}
.boardDetail .commentArea ol li.write .comment button{display:block; padding:8px 12px; border-radius:4px; background:#146AE2; color:#fff; font-weight:500; border:0px; outline:0px; margin-top:10px;}
.boardDetail .commentArea ol li{background:#FAFAFA; }
.boardDetail .commentArea ol li .comment p{font-size:16px; font-weight:300; color:#666; line-height:160%;white-space: pre-wrap;}
.boardDetail .commentArea ol li .commentText ul{display:flex; align-items: center; margin-left:auto; gap:0px 4px; }
.boardMove{display:flex; justify-content: space-between; padding:0px 20px; margin-top:100px;}
.boardMove a{font-size:17px; font-weight:500; display:flex; align-items: center; color:#666; gap:0px 8px;}
.boardMove a:nth-of-type(3)::after{content:""; display:block; width:16px; height:16px; background:url("../img/board_arrow_left.svg")center center no-repeat; background-size:100%;}
.boardMove a:nth-of-type(2){color:#fff; padding:12px 18px; border-radius:4px; background:#333;}
.boardMove a:nth-of-type(1)::before{content:""; display:block; width:16px; height:16px; background:url("../img/board_arrow_right.svg")center center no-repeat; background-size:100%;}

.checkWrap{width:100%; background:#F8F9FC; margin-top:-60px; padding:80px 0px;}
.checkWrap > p{text-align:center; width:1200px; margin:0 auto; font-size:17px; font-weight:400; line-height:160%; color:#1a1a1a;}
.checkContent{width:1200px; margin:0 auto;  display:flex; align-items: center; gap:0px 50px; margin-top:60px;}
.checkContent > div{display:flex; height:750px; flex-direction:column; border-radius:20px; background:#fff; transition-duration:0.2s; border:1px solid transparent; padding:60px 24px; flex:1; align-items: center;}
.checkContent > div::before{content:""; display:block; width:100%; height:288px; margin-bottom:48px;}
.checkContent > div:nth-of-type(2)::before{background:url("../img/check_img1.png")center center no-repeat; background-size:100%;}
.checkContent > div:nth-of-type(1)::before{background:url("../img/check_img2.png")center center no-repeat; background-size:100%;}
.checkContent > div strong{font-size:32px; font-weight:600; display:block; margin-bottom:8px;}
.checkContent > div p{font-weight:500; text-align:center; margin-bottom:24px; line-height:160%;}
.checkContent > div ol{display:flex; align-items: center;}
.checkContent > div ol li{font-size:16px; color:#666; font-weight:500; display:flex; align-items: center;}
.checkContent > div ol li:not(:nth-last-of-type(1))::after{content:""; display:block; width:4px; height:4px; border-radius:50%; background:#ccc; margin:0px 12px;}
.checkContent > div a{margin-top:auto; display:flex; align-items: center; height:56px; border-radius:4px; width:100%; justify-content: center; color:#fff; font-size:18px; font-weight:500;}
.checkContent > div:nth-of-type(1) a{background:#358181;}
.checkContent > div:nth-of-type(2) a{background:#146AE2;}
.checkContent > div:nth-of-type(1) strong{color:#358181;}
.checkContent > div:nth-of-type(2) strong{color:#146AE2;}
.checkContent > div:hover{box-shadow:0px 4px 12px 1px rgba(20, 106, 226,0.2); border:1px solid #146AE2;}

.pcHIdden{display:none;}

.question{width:100%; background:#F8F9FC; padding:60px 0px 80px;}
.question .questionArea{box-shadow:0px 8px 16px 4px rgba(0,0,0,0.08); width:720px; margin:0 auto; border-radius:20px; padding:40px;}
.question .questionArea h3{display:flex; flex-direction:column; gap:20px 0px; align-items: center; font-size:18px; color:#485A9C; font-weight:500;}
.question .questionArea h3 strong{font-size:28px; font-weight:500; color:#1a1a1a; display:block; text-align:center;}
.question .questionArea .questionText{font-size:18px; font-weight:500; color:#666; margin-top:12px; text-align:center;}
.question .questionArea .questionGrade{display:flex; align-items: center; margin:40px 0px; gap:0px 20px;}
.question .questionArea .questionGrade .questionGage{border-radius:100px; height:4px; background:#F2F2F2; flex:1;}
.question .questionArea .questionGrade .questionGage > div{height:4px; background:#146AE2; border-radius:100px;}
.question .questionArea .questionGrade p{display:flex; align-items: center;}
.question .questionArea .questionGrade p span{display:flex; font-size:18px; font-weight:500;}
.question .questionArea .questionGrade p span:nth-of-type(1){color:#146AE2;}
.question .questionArea .questionGrade p span:nth-of-type(2)::before{content:"/"; margin:0px 3px;}
.question .questionArea .questionList{display:flex; flex-direction: column; gap:12px 0px; margin-bottom:40px;}
.question .questionArea .questionList li{position:relative;}
.question .questionArea .questionList.ox{flex-direction: row; gap:0px 12px;}
.question .questionArea .questionList.ox li{flex:1;}
.question .questionArea .questionList label{display:flex; gap:0px 20px; align-items: center; border-radius:20px; border:1px solid #ddd; outline:1px solid transparent; padding:24px 32px; box-shadow:0px 4px 12px 1px rgba(20, 106, 226,0); transition-duration:0.2s; font-size:20px; font-weight:500; color:#1a1a1a; word-break:break-all;}
.question .questionArea .questionList input:disabled + label{color:#666;}
.question .questionArea .questionList input:checked + label{border:1px solid #146AE2; outline:1px solid #146AE2; color:#146AE2; box-shadow:0px 4px 12px 1px rgba(20, 106, 226, 0.2);}
.question .questionArea .questionList input{display:none;}
.question .questionArea .questionList input[type="checkbox"],
.question .questionArea .questionList input[type="radio"]{content:""; position:absolute; display:block; min-width:40px; min-height:40px; appearance: none; background:none; left:32px; top:50%; transform:translateY(-50%); aspect-ratio:1/1;}
.question .questionArea .questionList input + label::before{content:""; display:block; min-width:40px; min-height:40px; aspect-ratio:1/1;}
.question .questionArea .questionList input + label::before{background:url("../img/rdo_default.svg")center center no-repeat; background-size:100%; aspect-ratio:1/1;}
.question .questionArea .questionList input:disabled + label::before{background:url("../img/rdo_dis.svg")center center no-repeat; background-size:100%;}
.question .questionArea .questionList input:checked + label::before{background:url("../img/rdo_check.svg")center center no-repeat; background-size:100%;}
.question .questionArea .questionList.ox li.o label::before{background:url("../img/ox_o.svg")center center no-repeat; background-size:100%;}
.question .questionArea .questionList.ox li.x label::before{background:url("../img/ox_x.svg")center center no-repeat; background-size:100%;}
.question .questionArea .questionList.ox li.o input:checked + label::before{background:url("../img/ox_o_on.svg")center center no-repeat; background-size:100%;}
.question .questionArea .questionList.ox li.x input:checked + label::before{background:url("../img/ox_x_on.svg")center center no-repeat; background-size:100%;}
.question .questionArea .questionList.ox li.x input:checked + label{border:1px solid #DF2108; outline:1px solid #DF2108; color:#DF2108;}
.question .questionArea .questionBtn{display:flex; align-items: center; gap:0px 20px;}
.question .questionArea .questionBtn li a{position:relative; display:flex; justify-content: center; align-items: center; height:56px; width:160px; background:#F2F2F2; color:#1a1a1a; font-weight:500; border-radius:4px; transition-duration:0.2s;}
.question .questionArea .questionBtn li a:is(:hover,:focus){background:#C2C2C2; }
.question .questionArea .questionBtn li.next{flex:1;}
.question .questionArea .questionBtn li.next a{width:100%; background:#146AE2; color:#fff;}
.question .questionArea .questionBtn li.next a:is(:hover,:focus){background:#1055B5;}
.question .questionArea .questionBtn li.result{flex:1;}
.question .questionArea .questionBtn li.result a{width:100%; background:#fecf1d; color:#333;}
.question .questionArea .questionBtn li.result a:is(:hover,:focus){background:#f9c500;}

.mbtiResult{position:relative; display:flex; flex-direction:column; background: linear-gradient(90deg, #00968C 0%, #0A6EA5 100%); width:750px; margin:0 auto; ; border-radius:20px;; border-radius:20px; padding:40px; box-shadow:0px 4px 24px 4px rgba(20, 106, 226, 0.2); margin-bottom:20px;}
.mbtiResult::before{content:""; display:block; width:calc(100% - 3px); height:calc(100% - 4px); background:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-radius:20px;}
.mbtiResult > *{position:relative; z-index:2;}
.resultSubtitle{font-size:22px; font-weight:500; color:#0D3FA2; display:flex; align-items: center; justify-content: center; gap:0px 12px; margin-bottom:12px;}
.resultSubtitle::before,.resultSubtitle::after{content:""; display:block; width:14px; height:14px; background:url("../img/bg_star.svg")center center no-repeat; background-size:100%;}
.mbtiResult .resultBox{background: linear-gradient(84deg, #EBFFFE 0%, #FFFDF2 100%); border-radius:20px; padding:40px 0px; margin-bottom:12px; }
.mbtiResult .resultBox strong{display:block; width:176px; height:60px; margin:0 auto 12px; font-size:0px;}
.mbtiResult .resultBox strong.entj { background: url("../img/ENTJ.svg") center center no-repeat; background-size: 100%; }
.mbtiResult .resultBox strong.intj { background: url("../img/INTJ.svg") center center no-repeat; background-size: 100%; }
.mbtiResult .resultBox strong.entp { background: url("../img/ENTP.svg") center center no-repeat; background-size: 100%; }
.mbtiResult .resultBox strong.intp { background: url("../img/INTP.svg") center center no-repeat; background-size: 100%; }
.mbtiResult .resultBox strong.enfj { background: url("../img/ENFJ.svg") center center no-repeat; background-size: 100%; }
.mbtiResult .resultBox strong.infj { background: url("../img/INFJ.svg") center center no-repeat; background-size: 100%; }
.mbtiResult .resultBox strong.enfp { background: url("../img/ENFP.svg") center center no-repeat; background-size: 100%; }
.mbtiResult .resultBox strong.infp { background: url("../img/INFP.svg") center center no-repeat; background-size: 100%; }
.mbtiResult .resultBox strong.estj { background: url("../img/ESTJ.svg") center center no-repeat; background-size: 100%; }
.mbtiResult .resultBox strong.istj { background: url("../img/ISTJ.svg") center center no-repeat; background-size: 100%; }
.mbtiResult .resultBox strong.estp { background: url("../img/ESTP.svg") center center no-repeat; background-size: 100%; }
.mbtiResult .resultBox strong.istp { background: url("../img/ISTP.svg") center center no-repeat; background-size: 100%; }
.mbtiResult .resultBox strong.esfj { background: url("../img/ESFJ.svg") center center no-repeat; background-size: 100%; }
.mbtiResult .resultBox strong.isfj { background: url("../img/ISFJ.svg") center center no-repeat; background-size: 100%; }
.mbtiResult .resultBox strong.esfp { background: url("../img/ESFP.svg") center center no-repeat; background-size: 100%; }
.mbtiResult .resultBox strong.isfp { background: url("../img/ISFP.svg") center center no-repeat; background-size: 100%; }
.mbtiResult .resultBox p{text-align:center; font-size:18px; color:#1a1a1a; font-weight:500; line-height:160%;}
.mbtiResult .resultPoint{display:flex; align-items: center; justify-content: center; gap:8px; font-size:18px; font-weight:500; color:#666;}
.mbtiResult .resultPoint span{font-weight:500; color:#1a1a1a; font-size:18px;}
.mbtiResultExpBox1{width:750px; margin: 0 auto 20px; background:#fff; border-radius:20px; box-shadow:0px 8px 16px 4px rgba(0,0,0,0.08); padding:40px;}
.mbtiResultExpBox1 > .resultSubtitle{margin-bottom:20px;}
.mbtiResultExpBox1 > div{display:flex; flex-direction: column; border-radius:12px; background:#F8F9FC; padding:20px; gap:12px 0px;}
.mbtiResultExpBox1 > div:not(:nth-last-of-type(1)){margin-bottom:20px;}
.mbtiResultExpBox1 > div strong{font-size:18px; font-weight:600; color:#333880;}
.mbtiResultExpBox1 > div ul li,.mbtiResultExpBox1 > div p{font-size:17px; color:#1a1a1a; font-weight:500;}
.mbtiResultExpBox1 > div ul{display:flex; flex-direction: column; gap:7px 0px;}
.mbtiResultExpBox1 > div ul li{display:flex; align-items: start; gap:0px 5px;}
.mbtiResultExpBox1 > div ul li::before{content:""; display:block; width:5px; height:5px; background:#1a1a1a; border-radius:50%; margin-top:5px;}
.mbtiResultExpBox2{width:750px; margin: 0 auto 20px; background:#fff; border-radius:20px; box-shadow:0px 8px 16px 4px rgba(0,0,0,0.08); padding:40px;}
.mbtiResultExpBox2 .mbtiBox{padding:20px;  background:#F8F9FC; border-radius:12px; display:flex; align-items: stretch; gap:0px 20px;}
.mbtiResultExpBox2 .mbtiBox:not(:nth-last-of-type(1)){margin-bottom:20px;}
.mbtiResultExpBox2 .mbtiBox > p{display:flex; justify-content: center; align-items: center; flex-direction: column; gap:4px 0px; padding:12px; border-radius:12px;  color:#fff; font-size:17px; font-weight:600;}
.mbtiResultExpBox2 .mbtiBox.mbti1 > p{background:#146AE2;}
.mbtiResultExpBox2 .mbtiBox.mbti2 > p{background:#E31B54;}
.mbtiResultExpBox2 .mbtiBox.mbti3 > p{background:#1A8400;}
.mbtiResultExpBox2 .mbtiBox.mbti4 > p{background:#5925DC;}

.mbtiResultExpBox2 .mbtiBox > p span{color:#fff; font-weight:600; font-size:26px;}
.mbtiResultExpBox2 .mbtiBox > div{display:flex; flex-direction: column; gap:12px;}
.mbtiResultExpBox2 .mbtiBox > div strong{font-weight:600; color:#333880; font-size:18px;}
.mbtiResultExpBox2 .mbtiBox > div p{ font-size:17px; font-weight:500; line-height:160%;}
.mbtiResultBtn{display:flex; align-items: center; gap:0px 20px; margin:60px auto 0px; width:750px;}
.resultBtn{display:flex; align-items: center; gap:0px 20px; margin:60px auto 0px; width:500px;}
.mbtiResultBtn li a,.resultBtn li a{display:flex; justify-content: center; align-items: center; height:56px; width:160px; border:1px solid #ddd; color:#1a1a1a; font-weight:500; border-radius:4px; transition-duration:0.2s;}
.mbtiResultBtn li a:is(:hover,:focus),.resultBtn li:not(.dis,.next,.canc) a:is(:hover,:focus){background:#fff; box-shadow:0px 4px 12px 1px rgba(20, 106, 226,0.2); border:1px solid #146AE2; color:#146AE2;}
.mbtiResultBtn li.share,.resultBtn li.next{flex:1;}
.mbtiResultBtn li.share a,.resultBtn li.next a{width:100%; background:#146AE2; color:#fff; display:flex; align-items: center; gap:0px 8px;}
.mbtiResultBtn li.share a:is(:hover,:focus),.resultBtn li.next a:is(:hover,:focus){background:#1055B5;}
.mbtiResultBtn li.share a::before{content:""; display:block; width:18px; height:18px; background:url("../img/icon_share.svg")center center no-repeat; background-size:100%;}
.resultBtn li.next a::after{content:""; display:block; width:18px; height:18px; background:url("../img/arrow_left (2).svg")center center no-repeat; background-size:100%;}
.resultBtn li.next.dis a{pointer-events: none;cursor:default; background:#AAA;}
.resultBtn li.canc{flex:1;}
.resultBtn li.canc a{width:100%; background:#e53935; color:#fff; display:flex; align-items: center; gap:0px 8px;}
.resultBtn li.canc a:is(:hover,:focus){background:#b71c1c;}
.resultBtn li.canc.dis a{pointer-events: none;cursor:default; background:#AAA;}

.diagResult{margin-top:-60px; padding:60px 0px; background:#F8F9FC;}
.resultTotal{position:relative; display:flex; flex-direction:column; background: linear-gradient(90deg, #00968C 0%, #0A6EA5 100%); width:750px; margin:0 auto; ; border-radius:20px;; border-radius:20px; padding:40px; box-shadow:0px 4px 24px 4px rgba(20, 106, 226, 0.2); margin-bottom:20px;}
.resultTotal::before{content:""; display:block; width:calc(100% - 3px); height:calc(100% - 4px); background:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-radius:20px;}
.resultTotal > *{position:relative; z-index:2;}
.resultTotal .levelBox{display:flex; flex-direction:column; align-items:center; background: linear-gradient(84deg, #EBFFFE 0%, #FFFDF2 100%); border-radius:20px; padding:40px 0px; margin-bottom:32px; gap:20px 0px;}
.resultTotal .levelBox strong{font-size:22px; font-weight:500; color:#666;}
.resultTotal .levelBox .lv{display:flex; align-items: center; gap:0px 12px; font-size:60px; font-weight:500; color:#1a1a1a;}
.resultTotal .levelBox .lv i{display:flex; align-items: center; justify-content: center; align-items: center; width:82px; height:82px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, #00BCAF 0%, #1569E3 100%); border-radius:50%; color:#fff; font-weight:900; font-size:60px; }
.resultTotal .levelBox .lv.point i{width:auto; border-radius:100px; padding:0px 24px;}
.resultTotal .levelBox .lv em{font-size:36px; color:#666;}
.resultTotal .levelBox span{display:flex; height:46px; align-items: center; background:#fff; border-radius:100px; padding:4px 20px; border:1px solid #ddd; gap:0px 4px; font-size:24px; font-weight:500;}
.resultTotal .levelBox span em{font-size:24px; font-weight:600; color:#146AE2;}
.resultTotal > p{display:block; text-align:center; color:#666; font-weight:500; font-size:18px;}
.resultTotal > p::after{content:""; display:block; width:24px; height:24px; background:url("../img/lv_arrow_down.svg")center center no-repeat; background-size:100%; margin:0 auto;}

.resultRecord,.resultExp{position:relative; padding:40px; box-shadow:0px 8px 16px 4px rgba(0,0,0,0.08); border-radius:20px; background:#fff; width:750px; margin:0 auto; margin-bottom:20px;}
.resultRecord .recordList{display:flex; align-items: center; flex-wrap:wrap; gap:0px 12px; }
.resultRecord .recordList li{width:calc(10% - 11px); display:flex; flex-direction:column; gap:4px 0px; padding:12px 0px; align-items: center; border-radius:12px; font-size:17px; font-weight:500; color:#146AE2; background:#F4F7FF;}
.resultRecord .recordList li.incorrect{background:#FFF6F5; color:#DF2108;}
.resultRecord .recordList li em{font-size:20px; color:#1a1a1a; font-weight:400;}
.resultRecord .recordList li.now{background:#fff; border:1px solid #146AE2; box-shadow:0px 4px 8px 4px rgba(0,0,0,0.08);}
.resultRecord .recordList li.now.incorrect{border:1px solid #DF2108; }

.questionExp{display:flex; align-items: center; gap: 12px 12px; flex-wrap:wrap;}
.questionExp em{display:flex; align-items: center; justify-content: center; width:32px; height:32px; border-radius:50%; border:1px solid #146AE2; color:#146AE2; font-size:17px; font-weight:500; }
.questionExp p{font-size:22px; font-weight:500; color:#1a1a1a;}
.questionExp span{margin-left:46px; font-size:18px; font-weight:500; color:#666;}
.resultExp .correctText{display:block; padding:9px 16px; border-radius:12px; background:#F4F7FF; margin-top:12px; font-size:17px; font-weight:500; color:#146AE2; }

.answerList{ display:flex; flex-direction: column; gap:12px 0px; margin-top:32px;}
.answerList label{display:flex; gap:0px 20px; align-items: center; border-radius:20px; border:1px solid #ddd; outline:1px solid transparent; padding:12px 12px; box-shadow:0px 4px 12px 1px rgba(20, 106, 226,0); transition-duration:0.2s; font-size:20px; font-weight:500; color:#1a1a1a; word-break:break-all;}
.answerList input:disabled + label{color:#666;}
.answerList input:checked + label.correct{border:1px solid transparent; color:#fff; background:#0D3FA2;}
.answerList input:checked + label.incorrect{ background:#FAFAFA; border:1px solid #ddd;}
.answerList input{display:none;}
.answerList input[type="checkbox"],
.answerList input[type="radio"]{content:""; position:absolute; display:block; min-width:40px; min-height:40px; appearance: none; background:none; left:32px; top:50%; transform:translateY(-50%);}
.answerList input + label::before{content:""; display:block; min-width:40px; min-height:40px;}
.answerList input + label::before{background:url("../img/rdo_default.svg")center center no-repeat; background-size:100%; transition-duration:0.2s;}
.answerList input:disabled + label::before{background:url("../img/rdo_dis.svg")center center no-repeat; background-size:100%;}
.answerList input:checked + label::before{background:url("../img/rdo_check.svg")center center no-repeat; background-size:100%; transition-duration:0.2s;}
.answerList input + label span{display:block; margin-right:30px; padding:6px 12px; margin-left:auto; background:#fff; border-radius:100px; color:#146AE2; font-size:17px; font-weight:500;}
.answerList input + label span.incorrect{color:#fff; background:#DF2108;}
.answerList.ox li.o label::before{background:url("../img/ox_o.svg")center center no-repeat; background-size:100%;}
.answerList.ox li.x label::before{background:url("../img/ox_x.svg")center center no-repeat; background-size:100%;}
.answerList.ox li.o input:checked + label::before{background:url("../img/ox_o_on.svg")center center no-repeat; background-size:100%;}
.answerList.ox li.x input:checked + label::before{background:url("../img/ox_x_on.svg")center center no-repeat; background-size:100%;}
.answerList.ox{flex-direction: row; gap:0px 12px;}
.answerList.ox li{flex:1;}
.arrowTab{display:flex; align-items: center; justify-content: space-between; position:absolute; top:50%; left:50%; transform: translateY(-50%) translateX(-50%); width:calc(100% + 68px * 2);}
.arrowTab li a{font-size:0px; display:block; width:60px; height:60px;  }
.arrowTab li a.prevArrow{background:url("../img/result_left_arrow.svg")center center no-repeat; background-size:100%;}
.arrowTab li a.nextArrow{background:url("../img/result_left_arrow.svg")center center no-repeat; background-size:100%; transform:rotate(180deg);}
.arrowTab li a.prevArrow.dis{background:url("../img/result_right_arrow.svg")center center no-repeat; background-size:100%; transform:rotate(180deg);}
.arrowTab li a.nextArrow.dis{background:url("../img/result_right_arrow.svg")center center no-repeat; background-size:100%; transform:rotate(0deg);}

.goHome{display:block; margin:60px auto; width:160px; line-height:56px; border:1px solid #ddd; text-align:center; font-size:18px; font-weight:500; color:#444; border-radius:4px;  transition-duration:0.2s;}
.goHome:is(:hover,:focus){border:1px solid #146AE2; background:#fff; box-shadow:0 4px 12px 1px rgba(20, 106, 226, 0.20);}


.grdBg{width:100%; background:#F8F9FC url("../img/Financial_grd.svg")top center no-repeat; padding-bottom:125px;  background-size:100%;}

.introBox{position:relative; width:1200px; height:380px; margin:0 auto; height:380px; display:flex; align-items: start; justify-content: center; flex-direction: column;}
.introBox h3{font-size:52px; font-weight:600; color:#222; display:flex; flex-direction:column; gap:10px 0px; margin-bottom:40px;}
.introBox h3 span{font-size:18px; font-weight:500; color:#485A9C;}
.introBox p{font-size:22px; font-weight:500; color:#333; line-height:160%;}
.financialInntro::after{content:""; display:block; width:50%; top:20px; right:0px; height:100%; position:absolute; background:url("../img/fnc_bg.png")right bottom no-repeat; }
.ytsIntro::after{content:""; display:block; width:50%; top:20px; right:0px; height:100%; position:absolute; background:url("../img/yts_bg.svg")right bottom no-repeat; }
.ytcIntro::after{content:""; display:block; width:50%; top:20px; right:0px; height:100%; position:absolute; background:url("../img/ytc_bg.svg")right bottom no-repeat; }

.financialBox{padding:60px; border-radius:20px; background:#fff; box-shadow:0px 8px 16px 4px rgba(0,0,0,0.08); width:1200px; margin:0px auto 20px;}
.financialBox table.responsive{width:100%;}
.financialBox table.responsive th{color:#666; font-size:17px; font-weight:500; vertical-align: top; text-align: left; line-height:160%;}
.financialBox table.responsive td{font-size:18px; font-weight:500; color:#1a1a1a; line-height:160%;}
.financialBox table.responsive tr td p.warning,.financialBox table.responsive + p.warning,.dbBox > .warning,section.content p.warning{display:flex; align-items: start; padding:12px; border-radius:12px; background:#FFF4F7; gap:0px 4px; font-size:16px; font-weight:500; color:#E31B54; line-height:160%; letter-spacing:-1px; margin-top:6px;}
section.content p.warning{margin-bottom:15px;}
.financialBox table.responsive tr td p.warning span,.financialBox table.responsive + p.warning span,section.content p.warning span{display:flex; flex-direction: column; align-items: start;}
.financialBox table.responsive tr td p.warning span b,.financialBox table.responsive + p.warning span b,.dbBox > .warning b,section.content p.warning b{font-weight:700;}
.financialBox table.responsive tr td p.warning::before,.financialBox table.responsive + p.warning::before,.dbBox > warning::before,section.content p.warning::before{content:""; display:block; width:18px; height:18px; margin-top:3px; background:url("../img/icon_warning.svg")center center no-repeat; background-size:100%;}
.financialBox table.responsive tr td span{display:flex; align-items: center; font-size:18px; font-weight:500;  line-height:160%; }
.financialBox table.responsive tr td .blue{color:#0D3FA2;}
.financialBox table.responsive tr td span + span{margin-top:8px;}
.financialBox table.responsive tr td em,.writeForm tr em.lt{display:inline-block; padding:2px 8px; border-radius:100px; background:#F4F7FF; color:#146AE2; font-size:15px; font-weight:500; margin:0px 12px 0px 4px; line-height:160%;}
.financialBox table.responsive tr td em.widthFix{width:84px; padding:2px 8px; text-align:center;}
.financialBox table.responsive tr:not(:nth-last-of-type(1):nth-of-type(1)) th,.financialBox table.responsive tr:not(:nth-last-of-type(1):nth-of-type(1))  td{padding:24px 0px;}
.financialBox table.responsive tr:not(:nth-last-of-type(1)) td{border-bottom:1px solid #f2f2f2;}
.financialBox .counselStep{display:flex; align-items: center; gap:20px 48px; flex-wrap:wrap;}
.financialBox .counselStep li{position:relative; display:flex; flex-direction: column; border-radius:12px; background:#FAFAFA; align-items: center; justify-content: center; padding:20px 0px; width:calc(25% - 36px); font-size:17px; font-weight:500; color:#1a1a1a;}
.financialBox .counselStep li em{font-size:14px; font-weight:500; color:#146AE2; margin-bottom:4px;}
.financialBox .counselStep li::before{content:""; display:block; width:60px; height:60px; border-radius:50%; background:red; margin-bottom:12px;}
.financialBox .counselStep li:nth-of-type(1)::before{background:#FFE448 url("../img/fnc_step1.svg")center center no-repeat; }
.financialBox .counselStep li:nth-of-type(2)::before{background:#FFE448 url("../img/fnc_step4.svg")center center no-repeat;  }
.financialBox .counselStep li:nth-of-type(3)::before{background:#FFE448 url("../img/fnc_step5.svg")center center no-repeat;  }
.financialBox .counselStep li:nth-of-type(4)::before{background:#FFE448 url("../img/fnc_step7.svg")center center no-repeat; }
/*.financialBox .counselStep li:nth-of-type(5)::Before{background:#FFE448 url("../img/fnc_step5.svg")center center no-repeat; }*/
/*.financialBox .counselStep li:nth-of-type(6)::Before{background:#FFE448 url("../img/fnc_step6.svg")center center no-repeat; }*/
/*.financialBox .counselStep li:nth-of-type(7)::Before{background:#FFE448 url("../img/fnc_step7.svg")center center no-repeat; }*/
.financialBox table.responsive th strong.thone{color:#333880; font-size:20px; font-weight:500;}
.financialBox .counselStep li:not(:nth-last-of-type(1))::after{content:""; display:block; position:absolute; right:-12px; top:50%; transform:translateY(-50%) translateX(100%); width:24px; height:24px; background:url("../img/fnc_arrow.svg")center center no-repeat; background-size:100%;}
.financialBox table.responsive td .tbintb{width:100%; border-top:1px solid #485A9C;}
.financialBox table.responsive td .tbintb tr th{text-align:center; font-size:16px; font-weight:500; color:#1a1a1a; height:48px; background:#FAFAFA; vertical-align: middle;}
.financialBox table.responsive td .tbintb tr td{text-align:center; font-size:16px; font-weight:500; color:#1a1a1a; height:60px;}
.financialBox table.responsive td .tbintb tr td i{display:none; font-size:12px; font-weight:500; width:52px; color:#666;}
.financialBox table.responsive td p.reward{display:flex; align-items: center; gap:0px 8px;}
.financialBox table.responsive td p.reward::Before{content:""; display:block; width:16px; height:21px; background:url("../img/icon_reward.svg")center center no-repeat; background-size:100%;}

.financialBox table.responsive td p.yCard{font-size:18px; display:flex; align-items: center; gap:0px 5px; font-weight:500; color:#1a1a1a;}
.financialBox table.responsive td p.yCard::Before{content:""; display:block; width:19px; height:28px; background:url("../img/icon_yellowcd.svg")center center no-repeat; background-size:100%;}
.financialBox h4{font-size:26px; font-weight:600; color:#0D3FA2;}

.fncBtn{display:flex; align-items: center; gap:0px 24px; margin:60px auto 0px; width:1200px; justify-content: center;}
.fncBtn li a{display:flex; align-items: center; justify-content: center; height:56px; border-radius:4px; font-size:18px; font-weight:500; border:1px solid #146AE2; width:360px; color:#146AE2; transition-duration:0.2s;}
.fncBtn li:nth-of-type(1) a{background:#146AE2; color:#fff;}
.fncBtn li:nth-of-type(1) a:is(:hover,:focus){background:#1055B5;}
.fncBtn li a:is(:hover,:focus){background:#fff; box-shadow:0px 4px 12px 1px rgba(20, 106, 226,0.2);}
.reportTitle{display:flex; align-items: center; gap:0px 32px; padding:40px; border-radius:12px; background: linear-gradient(84deg, #EBFFFE 0%, #FFFDF2 100%); margin-bottom:40px; }
.reportTitle::before{content:""; display:block; width:100px; height:100px; background:url("../img/icon_report.svg")center center no-repeat; background-size:100%;}
.reportTitle p,.reportTitle p span{font-size:17px; font-weight:400; line-height:160%;}
.reportTitle p span{color:#E31B54;}
.writeTbl{border-top:1px solid #333880; width:100%;}
.writeTbl th,.writeTbl td{vertical-align: middle; height:84px; border-bottom:1px solid #E6E6E6;}
.writeTbl th,.writeTbl td{padding-left:20px;}
.writeTbl th,.writeTbl th label{font-size:16px; font-weight:500; color:#222; background:#FAFAFA; text-align:left;}
.writeTbl select{width:173px; height:44px; border:1px solid #ddd; border-radius:12px; padding-left:16px; appearance: none; background:url("../img/icon_select_arrow.svg")center right 16px no-repeat; background-size:20px 20px; font-size:17px; color:#666; font-weight:400;}
.writeTbl .phoneNumber,.writeTbl .cerfNum{display:flex; align-items: center; gap:0px 12px; }
.writeTbl a{display:flex; height:46px; align-items: center; border-radius:4px; font-weight:500; padding:0px 13px;}
.writeTbl .phoneNumber i{font-size:16px; color:#666;}
.writeTbl .phoneNumber select{width:100px; transition-duration:0.2s;}
.writeTbl .phoneNumber select:focus{box-shadow:0px 4px 12px 1px rgba(20, 106, 226,0.2); border:1px solid #146AE2;}
.writeTbl .phoneNumber input[type=text]{width:100px; height:44px; border:1px solid #ddd; border-radius:4px; transition-duration:0.2s;  text-align:center; font-size:17px; color:#111; box-shadow:0px 4px 12px 1px rgba(20, 106, 226,0.0);}
.writeTbl .phoneNumber input[type=text]:focus{box-shadow:0px 4px 12px 1px rgba(20, 106, 226,0.2); border:1px solid #146AE2; outline:0px !Important;}
.writeTbl .phoneNumber input[type=text]::placeholder{color:#ddd;}
.writeTbl .phoneNumber a.phoneSubmit{color:#fff; background:#333;}
.writeTbl .phoneNumber a.retry{color:#444; background:#fff; border:1px solid #ddd; }
.writeTbl .cerfNum input[type=text]{width:180px; height:44px; border:1px solid #ddd; border-radius:4px; transition-duration:0.2s;  text-align:center; font-size:17px; color:#111; box-shadow:0px 4px 12px 1px rgba(20, 106, 226,0.0);}
.writeTbl .cerfNum input[type=text]:focus,.writeTbl .cerfNum textarea:focus{box-shadow:0px 4px 12px 1px rgba(20, 106, 226,0.2); border:1px solid #146AE2; outline:0px !Important;}
.writeTbl .cerfNum a.cerfSubmit{color:#1A1C3E; background:#FFE448; }
.writeTbl .cerfNum a.cerfSubmit.on{color:#1a1a1a; background:#F2F2F2; }
.writeTbl .cerfNum time{color:#DF2108; font-size:15px; font-weight:500;}
.writeTbl textarea{resize:none; width:100%; height:300px; padding:24px; font-size:17px; font-weight:500; color:#1a1a1a; outline:0px !important; margin:20px 0px; border:1px solid #ddd; font-family:"S-CoreDream"; transition-duration:0.2s; box-shadow:0px 4px 12px 1px rgba(20, 106, 226,0.0);}
.writeTbl textarea::placeholder{color:#666;}
.writeTbl .warning{display:flex; align-items: center; gap:0px 4px; margin-bottom:20px; font-size:16px; font-weight:300; color:#666;}
.writeTbl .warning::before{content:""; display:block; width:18px; height:18px; background:url("../img/icon_warning.svg")center center no-repeat; background-size:100%;}
.writeTbl .warning span{display:block; margin-left:auto; font-size:16px; font-weight:300; color:#666;}
.writeTbl ol{display:flex; align-items: center; }
.write > ul{display:flex; justify-content: center; gap:0px 20px; margin-top:40px;}
.write > ul li a{display:flex; justify-content: center; align-items: center; font-size:18px; font-weight:500; height:53px; width:120px; transition-duration: 0.2s; border-radius:4px; background:#f2f2f2; color:#1a1a1a;}
.write > ul li a:is(:hover,:focus){background:#c2c2c2;}
.write > ul li:nth-of-type(2) a{background:#146AE2; color:#fff;}
.write > ul li:nth-of-type(2) a:is(:hover,:focus){background:#1055B5;}
.write .cerfNum .cerfInpbox time{display:none;}

.consArea{margin-top:-60px; padding:60px 0px; background:#F8F9FC;}
.consRecord{position:relative; padding:40px; box-shadow:0px 8px 16px 4px rgba(  0,0,0,0.08); border-radius:20px; background:#fff; width:1200px; margin:0 auto; margin-bottom:60px;}
.consTitle{display:flex; align-items: center; width:1200px; margin:0 auto; margin-bottom:12px; padding:0px 20px; font-size:22px; font-weight:500; color:#0D3FA2; letter-spacing:-1px;}
.consTitle .imp{margin-left:auto; font-size:16px; font-weight:500; display:block; color:#DF2108;}
.consTitle{justify-content: center;}
.icons{display:inline-flex; align-items: center; margin-left:auto; gap:0px 8px;}
.icons .shareList{display:none;}
.icons li.share{position:relative;}
.icons li.share.on .shareList{display:flex; align-items: center; padding:3px 12px; border-radius:12px; border:1px solid #ddd; background:#fff; z-index:2; left:-100%; top:35px; transform:translateX(-50%);}
.icons li.share.on .shareList::before{content:""; position:absolute; display:block; width:8px; height:8px; background:#fff; border-top:1px solid #ddd; border-left:1px solid #ddd; transform:rotate(45deg)translateX(-50%); right:24%; top:-3px;}
.icons > li a{font-size:0px; display:block; width:24px; height:24px;}
.icons > li.share > a{background:url("../img/icon_share (2).svg")center center no-repeat; background-size:100%;}
.icons > li.share > a:hover,
.icons > li.share > a:focus{background:url("../img/icon_share_hover.svg")center center no-repeat; background-size:100%;}
.icons > li.share > .shareList{position:absolute; gap:0px 8px;}
.icons > li.share > .shareList li a{display:block; width:24px; height:24px; border-radius:50%;}
.icons > li.share > .shareList li.fb a{background:url("../img/share_fb.svg")center center no-repeat; background-size:100%;}
.icons > li.share > .shareList li.kt a{background:url("../img/share_kakao.svg")center center no-repeat; background-size:100%;}
.icons > li.share > .shareList li.x a{background:url("../img/share_x.svg")center center no-repeat; background-size:100%;}
.icons > li.share > .shareList li.copy a{background:#F2F2F2 url("../img/icon_link.svg")center center no-repeat; background-size:14px 14px;}
.icons > li.share > .shareList li.close a{background:url("../img/share_close.svg")center center no-repeat; background-size:14px 14px; border:1px solid #ddd;}
.icons > li.bookmark a{background:url("../img/icon_bookmark.svg")center center no-repeat; background-size:100%;}
.icons > li.bookmark a:hover,.icons > li.bookmark.on{background:url("../img/icon_bookmark_on.svg")center center no-repeat; background-size:100%;}
.icons > li.print a{background:url("../img/icon_print.svg")center center no-repeat; background-size:100%;}
.icons > li.print a:hover,.icons > li.print a:focus{background:url("../img/icon_print_on.svg")center center no-repeat; background-size:100%;}
.consTitle .expIcon{position:relative;}
.consTitle .expIcon .icon{position:relative;display:block; width:18px; height:18px; background:url("../img/icon_question.svg")center center no-repeat; background-size:100%; font-size:0px; margin-left:4px;}
.consTitle .expIcon div{display:none;}
.consTitle .expIcon.on div{position:absolute; display:flex; align-items: center; padding:8px 12px; border-radius:12px; border:1px solid #E31B54; background:#fff; color:#E31B54; font-size:15px; font-weight:500; white-space:nowrap; z-index:2; left:50%; top:35px; transform:translateX(-50%);}
.consTitle .expIcon div::before{content:""; position:absolute; display:block; width:8px; height:8px; background:#fff; border-top:1px solid #E31B54; border-left:1px solid #E31B54; transform:rotate(45deg)translateX(-50%); left:50%; top:-3px;}
.consTitle .expIcon.on div a{display:block; width:24px; height:24px; background:url("../img/share_close.svg")center center no-repeat; background-size:14px 14px; border:1px solid #ddd; font-size:0px; border-radius:50%; margin-left:4px;}

p + .boxTitle{margin-top:20px;}
.boxTitle{display:block; margin-bottom:16px; font-size:17px; font-weight:500; color:#1a1a1a}
.boxTitle2{display:block; margin-bottom:20px; font-size:15px; font-weight:500; color:#1a1a1a}
.boxTitle3{display:block; margin-bottom:20px; font-size:14px; font-weight:500; color:#666}
.boxTitle p{display:block; margin-top:6px; font-size:15px; font-weight:500; color:#666;}
.boxTitle.type2{font-size:17px; font-weight:500; color:rgba(102,102,102,1); margin-bottom:28px; }
table + .boxsubTitle{margin-top:32px; display:block;}
.boxsubTitle{font-size:22px; font-weight:500; color:#0D3FA2;}
.boxsubTitle2{font-size:18px; font-weight:500; color:#1A1A1A;}
.boxsubTitle3{font-size:20px; font-weight:500; color:#0D3FA2;}
.boxExptxt{font-size:15px; font-weight:300; margin-top:8px; margin-bottom:32px; line-height:160%;}
.boxExptxt2{font-size:15px; font-weight:500; margin-top:8px; margin-bottom:32px; line-height:160%;}
.boxExptxt3{font-size:13px; font-weight:300; margin-top:8px; margin-bottom:32px; line-height:160%;}
.expTable{border-top:1px solid #485A9C; margin-bottom:16px; width:100%;}
.expTable tr th,.expTable tr td{padding:20px 16px; text-align:left; font-size:15px; font-weight:500; vertical-align: middle; border-bottom:1px solid #E6E6E6; }
.expTable tr th{background:#FAFAFA;  color:#222;}
.expTable tr td,.expTable tr td ul li,.expTable tr td ul li *{color:#666; font-weight:500; line-height:160%;}
.expTable tr td ul li{display:flex; align-items: start; line-height:160%; flex-wrap:wrap;}
.expTable tr td ul li > div{display:flex; align-items:start; width:90%;}
.expTable tr td ul li > div p{white-space:nowrap;}
.expTable tr td > ul > li::before{display:block; min-width:3px; min-height:3px; background:#666; border-radius:50%; margin-right:7px; margin-top:8.5px; margin-right:7.5px;}
.expTable tr td > ul > li span{display:inline-flex; align-items: start; font-size:15px;}
.expTable tr td > ul > li span em{white-space:nowrap;  font-size:15px;}
.expTable tr td > ul > li span i{font-size:15px;}
.expTable tr td b{font-weight:700; color:rgba(102,102,102,1)}
.expTable tr td ul.tdList li{font-weight:500; color:rgba(102,102,102,1); display:flex; align-items:center;}
.expTable tr td ul.tdList li::before{content:""; display:block; width:3px; height:3px; background:rgba(102,102,102,1); border-radius:50%; margin:0px 5px;}
/*.expTable tr td ul li::before{content:""; display:block; width:3px; height:3px; background:rgba(102,102,102,1); border-radius:50%; margin:0px 5px;}*/
.yonText{display:flex; flex-direction: column; font-size:17px; font-weight:500; gap:4px 0px; text-align:center; margin-top:16px; color:#666;}
.yonText span{font-size:inherit; color:#1a1a1a; }
.yon{display:flex; justify-content: center; margin-top:30px; gap:0px 22px;}
.yon:not(:nth-last-of-type(1)){border-bottom:1px solid rgba(242, 242, 242, 1); padding-bottom:28px; margin-bottom:28px;}
.yon li{display:flex; gap:0px 6px; font-size:18px; font-weight:500; align-items:center;}
.yon input,.bigAgree input,.agreeText input{appearance: none; display:block; width:24px; height:24px; background:url("../img/icon_check.svg")center center no-repeat; background-size:100%;}
.yon input:checked,.bigAgree input:checked,.agreeText input:checked{background:url("../img/icon_check_on.svg")center center no-repeat; background-size:100%;}
.bigAgree{border-radius:12px; background:#FFFDF2; height:88px; display:flex; align-items: center; width:100%; margin-top:28px; margin-bottom:40px; justify-content: center; gap:0px 6px;}
.bigAgree label{font-size:18px; font-weight:500; color:#111;}

.writeForm{width:100%; border-collapse: separate;}
.writeForm th{text-align:left; font-size:17px; font-weight:500; color:#666; letter-spacing:-1px; vertical-align: middle}
.writeForm td{font-size:18px; font-weight:500; color:#1a1a1a;}

.writeForm td.locationTxt{font-weight:700; color:#146AE2;}
.writeForm tr:not(:nth-of-type(1)) th,.writeForm tr:not(:nth-of-type(1)) td{padding-top:24px;}
.writeForm tr:not(:nth-last-of-type(1)) th,.writeForm tr:not(:nth-last-of-type(1)) td{padding-bottom:24px; border-bottom:1px solid #F2F2F2;}

.writeForm tr th em{font-size:15px; color:#666; font-weight:300; letter-spacing:-1px;}
.writeForm tr th p.imp::after{content:"*"; color:#DF2108; font-size:15px; font-weight:500; margin-left:4px;}
.opnList{display:flex; flex-direction: column; gap:12px 0px;}
.opnList li{display:flex; align-items:center; font-size:18px; color:#1a1a1a; font-weight:500; padding:20px; background:#FAFAFA; border-radius:20px;}
.opnList li span{display:block; font-size:14px; color:#DF2108; font-weight:500; margin-left:4px; letter-spacing:-1px;}
.opnList li a,.writeForm td .fileBtn{cursor:pointer; display:flex; font-size:16px; color:#fff; padding: 12px; gap:0px 6px; border-radius:4px; font-weight:500; margin-left:auto; align-items: center;}
.writeForm td .fileBtn + input[type=file]{display:none;}
.writeForm td .fileBtn ~ .listExp{margin-top:3px; font-weight:500; line-height:130%; font-size:15px;}
.opnList li a::after{content:""; display:block; width:14px; height:14px; background:url('../img/link_arrow.svg')center center no-repeat; background-size:100%;}
.opnList li a.green{background:#104E00;}
.opnList li a.blue{background:#146AE2;}
.opnList li a.deepblue{background:#0D3FA2;}
.writeForm td .fileBtn{display:inline-flex; background:#333; margin-bottom:10px;}
.writeForm td .fileBtn::after{content:""; display:block; width:18px; height:18px; background:url("../img/next_btn.svg")center center no-repeat; background-size:100%;}
.inputList{display:flex; flex-wrap:wrap; gap:15px 22px;}
.inputList li{display:flex; align-items: center; gap:0px 6px; font-size:18px; font-weight:500; color:#111;}
.inputList li input{appearance: none; width:24px; height:24px;}
.inputList li input[type=radio]{background:url("../img/icon_check.svg")center center no-repeat; background-size:100%;}
.inputList li input[type=radio]:checked{background:url("../img/icon_check_on.svg")center center no-repeat; background-size:100%;}
.inputList li input[type=checkbox]{background:url("../img/icon_checkbox.svg")center center no-repeat; background-size:90%;}
.inputList li input[type=checkbox]:checked{background:url("../img/icon_checkbox_on.svg")center center no-repeat; background-size:90%;}
.inputList li input[type=checkbox]:disabled{background:url("../img/icon_checkbox_disabled.svg")center center no-repeat; background-size:90%;}
.listExp{display:block; margin-top:10px; font-size:15px; font-weight:300; line-height:160%; color:#666;}
.writeForm textarea,.writeForm input[type="text"]{resize: none; width: 100%; border-radius:4px; padding:12px 16px; font-size:16px; border:1px solid #ddd;}
.writeForm textarea + p{text-align:right; font-size:15px; color:#666; margin-top:8px; font-weight:300;}
.consBtn{display:flex; align-items: center; gap:0px 20px; justify-content: center; width:1200px; margin:0 auto;}
.consBtn li a{display:flex; width:160px; height:56px; align-items: center; justify-content: center; border-radius:4px; border:1px solid #ddd; font-size:18px; font-weight:500; color:#444; transition-duration:0.2s; box-shadow:0px 0px 0px  rgba(20, 106, 226, 0.0);}
.consBtn li.next a{background:#146AE2; justify-content: center; color:#fff; gap:0px 8px; width:360px;}
.consBtn li:not(.next) a:is(:hover,:focus){border:1px solid #146AE2; background:#fff; box-shadow:0 4px 12px 1px rgba(20, 106, 226, 0.20); color:#146AE2;}
.consBtn li.next a:is(:hover,:focus){background:#1055B5;}
.consBtn li.next a::after{content:""; display:block; width:18px; height:18px; background:url("../img/next_btn.svg")center center no-repeat; background-size:100%;}
.fileName{display:inline-flex; max-width:100%; overflow:hidden; align-items: center; gap:0px 8px; border:1px solid #ddd; border-radius:100px; padding:8px 12px; margin-top:10px;}
.fileName span{font-size:15px; max-width:500px; font-weight:500; color:#1a1a1a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.fileName i{font-size:14px; font-weight:500; color:#777676;}
.fileName a{display:block; width:20px; height:20px; border-radius:50%; background:#333 url("../img/x-close.svg")center center no-repeat; font-size:0px;}

.linkList{display:flex; align-items: center; gap:0px 20px; margin-top:60px;}
.linkList li{border-radius:20px; padding:28px; display:flex; align-items: start; gap:0px 12px; flex:1;}
.linkList li::before{content:""; display:block; width:35px; height:35px; }
.linkList li:nth-of-type(1)::before{background:url("../img/link_cafe.svg")center center no-repeat; background-size:100%;}
.linkList li:nth-of-type(2)::before{background:url("../img/link_insta.svg")center center no-repeat; background-size:100%;}
.linkList li:nth-of-type(1){background:#146AE2;}
.linkList li:nth-of-type(2){background:#333880;}
.linkList li div{display:flex; flex-direction: column; align-items: start;}
.linkList li div p{font-size:17px; color:#FFF2AA; font-weight:500;}
.linkList li div span{color:#fff; font-size:15px; font-weight:400; margin-top:10px;}
.linkList li div a{display:inline-flex; align-items: center; gap:0px 6px; padding:8px 12px; border:1px solid #8CB4F4;  border-radius:4px; color:#fff; font-size:14px; font-weight:500; margin-top:8px;}
.linkList li div a::after{content:""; display:block; width:12px; height:12px; background:url("../img/link_arrow2.svg")center center no-repeat; background-size:100%;}
.linkList li .qr{padding:15px; background:#fff; border-radius:50%; margin-left:auto;}
.linkList.type2 li .qr{background:none;}
.linkList.type2 li{background:#FAFAFA;}
.linkList.type2 li div p{color:#1a1a1a;}
.linkList.type2 li div span{font-size:15px; font-weight:300; color:#666; line-height:160%;}
.linkList.type2 li div a{color:#1a1a1a; border:1px solid #ddd; transition-duration:0.2s;}
.linkList.type2 li div a:is(:hover,:focus){border:1px solid #146AE2; background:#fff; box-shadow:0 4px 12px 1px rgba(20, 106, 226, 0.20);}
.linkList.type2 li div a::after{content:""; display:block; width:12px; height:12px; background:url("../img/link_arrow3.svg")center center no-repeat; background-size:100%;}
.ytsExp{ width:calc(100% + 120px); margin-left:-60px; padding:0px 60px 60px; border-bottom:1px solid #F2F2F2;}
.expTxt{display:flex; align-items: start; gap:0px 60px; }
.expTxt strong{font-size:20px; color:#333880; font-weight:500;}
.expTxt strong span{font-weight:800; font-size:inherit;}
.expTxt div{line-height:160%;}
.expTxt div p{font-size:18px; color:#146AE2; font-weight:500;}
.expTxt div p span{font-weight:700;}
.expTxt div ul{display:flex; flex-direction:column;}
.expTxt div ul li{display:flex; align-items: center; color:#1A1A1A; font-size:18px; font-weight:500;}
.expTxt div ul li::before{content:""; display:block; width:5px; height:5px; background:#1a1a1a; border-radius:50%; margin:0px 10px;}
.expTxt div span{font-size:18px; font-weight:500;}

.expReview{position:relative; margin-top: 28px; background:#FFFDF2; border-radius:20px; width:100%; height:300px;}
.expReview p{position:absolute; padding:12px 20px; background:#fff; border-radius:12px; box-shadow:0px 4px 8px 4px rgba(0,0,0,0.08); font-size:16px; color:#1a1a1a; font-weight:500;}
.expReview p:nth-of-type(1){top:39px; left:22px;}
.expReview p:nth-of-type(2){top:42px; right:62px;}
.expReview p:nth-of-type(3){top:115px; left:321px}
.expReview p:nth-of-type(4){top:206px; left:55px;}
.expReview p:nth-of-type(5){top:189px; right:24px;}
.expReview p::after{content:""; display:block; width:17px; height:15px; background:url("../img/review_bottom.svg")center center no-repeat; background-size:100%; position:absolute; left:50%; transform:translateX(-50%); bottom:-14px;}
.expReview span{color:#358181;}
.reviewTitle{font-size:20px; font-weight:600; color:#333880; display:block; margin:60px 0px 32px;}
.reviewTitle span{font-weight:700; font-size:inherit;}

.classList{display:flex; flex-direction: column; gap:24px 0px; margin-top:12px;}
.classList > li{display:flex; align-items: stretch; gap:0px 40px; border-radius:12px; width:100%; background:#F2F2F2; border:1px solid #E6E6E6; overflow:hidden; transition-duration:0.2s;}
.classList > li.now:hover{border:1px solid #146AE2;}
.classList > li.now:hover a{border-left:1px solid #146AE2;}

.classList > li.now{background:#fff; box-shadow:0px 8px 16px 4px rgba(0,0,0,0.08); transition-duration:0.2s;}
.classList > li .status{display:flex; align-items: center; justify-content: center; border-radius:50%; width:80px; height:80px; font-size:16px; font-weight:500; margin:27.25px 0px 27.25px 20px; background:#ddd; color:#666;}
.classList > li.now .status{background:#146AE2; color:#fff;}
.classList > li a{display:flex; align-items:center; gap:0px 8px; padding:0px 18px; border-left:1px solid #E6E6E6; color:#444; font-size:17px; font-weight:500; margin-left:auto;}
.classList > li a::after{content:""; display:block; width:16px; height:16px; background:url("../img/classlist_arrow.svg")center center no-repeat; background-size:100%;}
.classList > li > div{display:flex; flex-direction: column; align-items: start; justify-content: center; gap:12px 0px;}
.classList > li > div p{font-weight:600; color:#1a1a1a; font-size:20px; display:flex; align-items: center; gap:0px 8px;}
.classList > li > div p em{display:block; font-size:16px; padding:8px; border-radius:100px; border:1px solid #ddd; font-weight:500; color:#2A2A2A;}
.classList > li > div ul{display:flex; align-items: center; gap:0px 12px;}
.classList > li > div ul li{display:flex; align-items: center; gap:0px 8px; font-size:17px; font-weight:500; color:#1a1a1a;}
.classList > li > div ul li span{font-size:17px; font-weight:300; color:#666}
.classList > li.noticeBox div p{align-items: center; width:1200px; margin:0 auto; border-radius:12px; padding:40px; border:4px solid #FFE448; gap:0px 32px; background:#fff; margin-bottom:60px; }
.classList > li.noClass{border:0px; display:flex; align-items: center; justify-content: center; flex-direction: column; background:none; padding:20px 12px; gap:6px 0px; font-size:17px; font-weight:600; color:#666;}
.classList > li.noClass::Before{content:""; display:block; width:40px; height:40px; border-radius:50%; background:#F2F2F2 url("../img/no_class.svg")center center no-repeat; background-size:24px; }

.yellowCard{display:flex; align-items: center; width:1200px; margin:0 auto; border-radius:12px; padding:40px; border:4px solid #FFE448; gap:0px 32px; background:#fff; margin-bottom:60px; }
.yellowCard::before{content:""; display:block; min-width:100px; min-height:100px; border-radius:50%; background:#FFFAE3 url("../img/yellow_card.svg")center center no-repeat;  }
.yellowCard div{display:flex; flex-direction: column; }
.yellowCard div strong{font-size:17px; font-weight:700; color:#DF2108; line-height:160%;}
.yellowCard div p{font-weight:400; font-size:17px; color:#1a1a1a; margin-bottom:32px; line-height:160%;}
.yellowCard div span{color:#1a1a1a; font-size:17px; font-weight:500; display:flex; align-items: center;}
.yellowCard div span input[type=checkbox]{appearance: none; width:18px; height:18px; background:url("../img/icon_checkbox.svg")center center no-repeat; background-size:90%; margin:0px 4px 0px 12px;}
.yellowCard div span input[type=checkbox]:checked{background:url("../img/icon_checkbox_on.svg")center center no-repeat;}
.yellowCard div span label{font-size:16px;}

.noticeBox{display:flex; align-items: center; width:1200px; margin:0 auto; border-radius:12px; padding:40px; border:4px solid #146AE2; gap:0px 32px; background:#fff; margin-bottom:60px; }
.noticeBox::before{content:""; display:block; min-width:100px; min-height:100px; border-radius:50%; background:#FFFAE3 url("../img/icon_notice_box.svg")center center no-repeat;  }
.noticeBox div{display:flex; flex-direction: column; }
.noticeBox div strong{font-size:17px; font-weight:700; color:#DF2108;}
.noticeBox div p{font-weight:400; font-size:17px; color:#1a1a1a; margin-top:12px; margin-bottom:8px;}
.noticeBox div span{font-size:17px; font-weight:500; color:#666;}

.writeForm.subForm{border-top:1px solid #333880; margin-top:24px;}
.writeForm.subForm tr:nth-of-type(1) td,
.writeForm.subForm tr:nth-of-type(1) th{padding-top:24px;}
.writeForm.subForm tr td .classInfo{display:flex; align-items: center; gap:0px 24px;}
.writeForm.subForm tr td .classInfo li{display:flex; align-items: center; gap:0px 12px; color:#1a1a1a; font-size:17px; font-weight:500;}
.writeForm.subForm tr td .classInfo li span{display:flex; align-items: center; gap:0px 4px; font-size:15px; font-weight:500; color:#666;}
.writeForm.subForm tr td .classInfo li span::before{content:""; display:block; width:18px; height:18px;}
.writeForm.subForm tr td .classInfo li.teacher span::before{background:url("../img/icon_teacher.svg")center center no-repeat; background-size:100%;}
.writeForm.subForm tr td .classInfo li.position span::before{background:url("../img/icon_map.svg")center center no-repeat; background-size:100%;}
.writeForm.subForm tr td .classInfo li.schedule span::before{background:url("../img/icon_time.svg")center center no-repeat; background-size:100%;}

.infoModify{display:inline-flex; align-items: center; gap:0px 8px; padding:12px 18px; border-radius:4px; color:#fff; font-size:17px; font-weight:500; background:#333; margin-top:24px; }
.infoModify::after{content:""; display:block; width:14px; height:14px; background:url('../img/link_arrow.svg')center center no-repeat; background-size:100%;}

.coupon{display:flex; justify-content: center; align-items: stretch; margin:0 auto;}
.coupon > div{padding:0px 24px; border-radius:0px 20px 20px 0px; background:#333880; display:flex; align-items: center;}
.coupon input{appearance: none; width:126px; height:220px; background:url("../img/coupon.svg")center center no-repeat; background-size:100%;}
.coupon input:checked{ background:url("../img/coupon_on.svg")center center no-repeat; background-size:100%;}
.coupon label{display:flex; flex-direction: column; justify-content: center;}
.coupon label p{font-size:17px; color:#fff; font-weight:500;}
.coupon label strong{font-size:32px; color:#FFF2AA; font-weight:700;}
.coupon label span{font-size:17px; color:#fff; font-weight:300; margin-top:20px;}

.diagTitle{display:flex; justify-content: center; margin-bottom:20px; font-size:17px; font-weight:500; color:#1a1a1a; }
.diagTitle span{color:#E31B54;}

.diagList{display:flex; flex-direction:column; gap:20px 0px; width:750px; margin:0 auto;}
.diagList li{display:flex; align-items: center; padding:24px 40px; box-shadow:0px 4px 24px 4px rgba(20, 106, 226,0.2); border-radius:20px; background:#fff;}
.diagList li::before{content:""; display:block; width:60px; height:60px; border-radius:50%; margin-right:20px;}
.diagList li:nth-of-type(1)::before{background:#F2FBFB url("../img/diag_1.svg")center center no-repeat; background-size:60%;}
.diagList li:nth-of-type(3)::before{background:#F2FBFB url("../img/diag_2.svg")center center no-repeat; background-size:60%;}
.diagList li:nth-of-type(4)::before{background:#F2FBFB url("../img/diag_3.svg")center center no-repeat; background-size:60%;}
.diagList li:nth-of-type(5)::before{background:#F2FBFB url("../img/diag_4.svg")center center no-repeat; background-size:60%;}
.diagList li:nth-of-type(2)::before{background:#F2FBFB url("../img/diag_5.svg")center center no-repeat; background-size:60%;}
.diagList li:nth-of-type(6)::before{background:#F2FBFB url("../img/diag_6.svg")center center no-repeat; background-size:60%;}
.diagList li strong label{font-size:28px; font-weight:600; color:#333880; display:flex; align-items: center; gap:0px 8px;}
.diagList li strong label span{font-size:18px; font-weight:300; color:#333880;}
.diagList li strong p{letter-spacing:-1px; font-weight:300; color:#666; font-size:15px; line-height:140%; margin-top:10px;}
.diagList li input{width:130px; margin-left:auto; padding:8px 12px; border:1px solid #DDD; font-size:26px; margin-right:8px; font-weight:500; color:#0D3FA2; text-align:center;}
.diagList li input:focus{border:1px solid #1A1A1A;}
.diagList li input::placeholder{color:#666; font-weight:300;}
.diagList li p{font-size:17px; color:#666;}

.eduLoc{display:flex; align-items: center; gap:0px 40px;}
.eduLoc p span{font-size:17px; display:flex; align-items: center; gap:0px; font-weight:500; color:#0D3FA2;}
.eduLoc p span::Before{content:""; display:block; width: 20px; height:20px; background:url("../img/location_marker.svg")center center no-repeat; background-size:100%;}
.eduLoc p{color:#1a1a1a; font-size:17px; font-weight:500;}

.h4Exp{ margin-top:20px;}
.h4Exp li{display:flex; line-height:160%; align-items: center; color:#1A1A1A; font-size:18px; font-weight:400;}
.h4Exp li::before{content:""; display:block; width:5px; height:5px; background:#1a1a1a; border-radius:50%; margin:0px 10px;}

.appList{display:flex; flex-direction: column; border-top:1px solid #485A9C; gap:20px 0px; padding:20px 0px; margin-top:12px;}
.appList.ing .end{display:none;}
.appList.end > a:not(.end){display:none;}
.appList a{display:flex; border-radius:12px; padding:12px 20px; border:1px solid #ddd; align-items: center; height:90px;}
.appList a.ing{ box-shadow:0px 4px 8px 4px rgba(0,0,0,0.08);}
.appList a > strong{font-size:22px; font-weight:600; color:#1a1a1a; line-height:160%; display:block; max-width:55%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.appList a > span{font-size:17px; display:inline-flex; padding: 8px 12px; border-radius:100px; color:#666; background:#ddd; font-weight:600; margin-right:20px;}
.appList a.ing > span{background:#0D3FA2; color:#fff;}
.appList a > time{position:relative; margin-left:auto; display:flex; max-width:300px; align-items: center; gap:0px 4px; font-size:14px; font-weight:500; color:#1a1a1a;}
.appList a > time::before{content:""; display:block; min-width:18px; min-height:18px; aspect-ratio:1/1; width:18px; height:18px; background:url("../img/icon_time.svg")center center no-repeat; background-size:100%;}
.appList a > time em{color:#666; font-size:17px; font-weight:500; position:relative; margin-right:5px;}
.appList a > time em::after{content:""; position:absolute; right:-5px; top:-50%; display:block; width:1px; height:200%; background:#999;}
.appList a.end{background:#FAFAFA; border:0px;}
.appList a.end > strong,.appList a > time em,.appList a > time{color:#666;}

.ytcListWrap{ height:fit-content;  width:1200px; position:relative; margin:0 auto;}
/*.ytcListWrap:not(.noScroll)::After{content:""; display:block; width:100%; height:100px; position:absolute; bottom:0px; background: linear-gradient(to bottom, #F8F9FC00, #F8F9FC);}*/
.strong + .ytcList{padding-top:10px;}
.ytcList + strong {margin-top:20px;}
.ytcList{position:relative; margin-top:30px; padding-top:30px; padding-bottom:10px; padding-right:40px; display:grid; grid-template-columns: repeat(2,2fr); gap:40px;  padding-left:4px;}
.ytcList > li{border:2px solid transparent; border-radius:20px; padding-top:32px; display:flex; flex-direction: column; box-shadow:0px 8px 16px 4px rgba(0,0,0,0.08); background:#fff;}
.ytcList > li:hover{border:2px solid #146AE2; box-shadow:0px 4px 24px 4px rgba(20, 106, 226,0.2);}
.ytcList > li:hover > a{border-top:1px solid #146AE2; color:#146AE2}
.ytcList > li .infomation{display:flex; align-items: center; margin:0px 32px 12px; gap:0px 6px;}
.ytcList > li .infomation > span{display:block; padding:4px 10px; border-radius:100px; font-size:15px; font-weight:500;}
.ytcList > li .infomation > span.type{border:1px solid;}
.ytcList > li .infomation > span.type.online{color:#146AE2; border-color:#146AE2;}
.ytcList > li .infomation > span.type.offline{color:#E31B54; border-color:#E31B54;}
.ytcList > li .infomation > span.type.group{color:#333880; border-color:#333880;}
.ytcList > li .infomation > span.lv{background:#F4F7FF; color:#1A1C3E;}
.ytcList > li .infomation > span.lv2 {color:#5925DC; }
.ytcList > li > strong{display:-webkit-box; -webkit-box-orient: vertical; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2;  font-size:26px; font-weight:600; color:#1a1a1a; margin:0px 32px; }
.ytcList > li > ul{margin-top:20px; display:flex; flex-direction: column; gap:12px 0px; margin:20px 32px  32px; }
.ytcList > li > ul li{display:flex; gap:0px 12px; align-items: start;}
.ytcList > li > ul li p{min-width:90px; font-weight:500; color:#666; }
.ytcList > li > ul li span{line-height:160%; font-size:16px; font-weight:500; color:#1a1a1a; display: -webkit-box;        /* Flexbox 컨테이너로 설정 */
    -webkit-line-clamp: 3;       /* 최대 3줄로 제한 */
    -webkit-box-orient: vertical; /* 수직 방향으로 정렬 */
    overflow: hidden;            /* 넘치는 텍스트 숨김 */
    text-overflow: ellipsis;     /* 말줄임표 표시 */
    word-break: break-word;   }
.ytcList > li > ul li span.locationTxt{font-weight:700; color:#146AE2;}
.ytcList > li > a{display:flex; justify-content: center; align-items: center; margin-top:auto; padding:20px 0px; font-size:18px; font-weight:500; color:#444; border-top:1px solid #ddd;}
/* Webkit 기반 브라우저용 */
.ytcList::-webkit-scrollbar {
    width: 4px; /* 스크롤바의 너비 */
}

.ytcList::-webkit-scrollbar-thumb {
    background: #333880; /* thumb의 배경색 */
    border-radius: 100px; /* thumb의 border-radius */
}

.ytcList::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05); /* 스크롤바 배경색 */
}

.ytcList::-webkit-scrollbar-button {
    display: none; /* 상하 버튼 제거 */
}

.dashboardWrap{background: linear-gradient(84deg, #EBFFFE 0%, #FFFDF2 100%);}
.dashboard{width:1200px; margin:0 auto;  }
.dashboard .content{display:flex; align-items: start; gap:0px 40px; position:relative;}
.dashboard aside{display:flex; min-width:260px; flex-direction: column; align-items: center; gap:20px 0px; width:260px;}
.dashboard aside > div{display:flex; width:100%; flex-direction:column; border:1px solid #e6e6e6; padding:32px 24px; background:#fff; border-radius:20px; flex:1;}
.dashboard aside > div.user{justify-content: center; align-items: center; gap:20px 0px;}
.dashboard aside > div.user strong{font-size:20px; font-weight:500; color:#1a1a1a;}
.dashboard aside > div.user strong span{color:#146AE2;}
.dashboard aside > div.user p{display:flex; align-items: center; padding:20px 17px; border-radius:12px; background:#F8F9FC; align-items: center; justify-content: center; width:100%; font-size:17px; font-weight:300; color:#1a1a1a;}
.dashboard aside > div.user p > a{display:inline-flex; align-items: center; padding:8px 12px; gap:0px 6px; border-radius:4px; color:#fff; background:#333880; font-size:14px; font-weight:500; margin-left:auto;}
.dashboard aside > div.user p > a::after{content:""; display:block; width:12px; height:12px; background:url("../img/link_arrow.svg")center center no-repeat; background-size:100%;}
.dashboard aside > div.user p span{position:relative; font-size:20px; font-weight:700;}
.dashboard aside > div.user p span.highlight::after{content:""; display:block; position:absolute; right:-6px; top:0px; width:6px; height:6px; background:#E31B54; border-radius:50%;}
.dashboard aside > div.hashtag{gap:8px 0px;}
.dashboard aside > div.hashtag > strong{display:block; font-size:17px; font-weight:500; color:#666;}
.dashboard aside > div.hashtag ul{display:flex; flex-wrap:wrap; gap:8px;}
.dashboard aside > div.hashtag ul li a{padding:6px 12px; display:block; font-size:16px; font-weight:500; color:#333880; background:#F8F9FC; border-radius:100px;}
.dashboard aside > div.hashtag > div{display:flex; flex-direction: column; border-radius:12px; background:#F8F9FC; padding:20px; margin-top:8px; gap:12px 0px; align-items: center;}
.dashboard aside > div.hashtag > div p{font-size:16px; font-weight:500; color:#1a1a1a; white-space:nowrap; letter-spacing:-1.5px;}
.dashboard aside > div.hashtag > div a{display:inline-flex; padding:8px 12px; border-radius:4px; background:#fff; border:1px solid #ddd; font-size:14px; color:#444; font-weight: 500; gap:0px 6px; width:fit-content; align-items: center;}
.dashboard aside > div.hashtag > div a::after{content:""; display:block; width:12px; transition-duration:0.2s; height:12px; background:url("../img/classlist_arrow.svg")center center no-repeat; background-size:100%;}
.dashboard aside > div.hashtag > div a:is(:hover,:focus){border:1px solid #146AE2; transition-duration:0.2s; color:#146ae2;}
.dashboard aside > div.myDb{gap:32px 0px; padding:32px 24px;}
.dashboard aside > div.hashtag > div a:is(:hover,:focus)::after{ background:url("../img/classlist_arrow_hover.svg")center center no-repeat; background-size:100%;}
.dashboard aside > div.myDb li.on a{font-size:17px; font-weight:500; color:#0D3FA2; padding:12px; display:block; border-radius:12px; background:#F4F7FF;}
.dashboard aside > div.myDb ul{display:flex; flex-direction: column; gap:6px 0px;}
.dashboard aside > div.myDb ul li{font-size:15px; font-weight:500; color:#666; }
.dashboard aside > div.myDb ul li a{display:flex; align-items: center; padding:12px; font-size:17px; font-weight:500; color:#1a1a1a; transition-duration:0.2s;}
.dashboard aside > div.myDb ul li a:is(:hover,:focus){background:rgba(244,247,255,0.8);}
.dashboard aside > div.myDb ul li.link a::after{content:""; display:block; width:18px; height:18px; background:url("../img/link_arrow4.svg")center center no-repeat; background-size:100%; margin-left:4px;}
.dashboard aside > div.myDb a.close{display:none;}

.dashboard .dashboardContent{display:flex; flex-direction: column; flex:1; width:auto; max-width:calc(100% - 300px); gap:40px 0px;}
.dashboard .dashboardContent .dbBox{background:#fff; border-radius:20px; padding:32px; box-shadow:0px 8px 16px 4px rgba(0,0,0,0.08);}
.dashboard .dashboardContent .dbBox > strong{font-size:22px; font-weight:500; color:#0D3FA2; display:flex; align-items: center; margin-bottom:16px; flex-wrap:wrap;}
.dashboard .dashboardContent .dbBox > strong > span{display:block; font-size:16px; color:#666; margin-top:4px; font-weight:500;}
.dashboard .dashboardContent .dbBox > strong > a.link{margin-left:auto; display:flex; align-items: center; padding: 8px 12px; gap:0px 6px; font-size:14px; font-weight:500; border-radius:4px; color:#fff; background:#333;}
.dashboard .dashboardContent .dbBox > strong > a.link::after{content:""; display:block; width:12px; height:12px; background:url("../img/link_arrow.svg")center center no-repeat; background-size:100%;}
.dashboard .dashboardContent .dbBox > strong em{font-weight:700;}
.dashboard .dashboardContent .dbBox > strong .tooltip{margin-left:4px; position:relative;}
.dashboard .dashboardContent .dbBox > strong .tooltip .tooltipContent{display:none;}
.dashboard .dashboardContent .dbBox > strong .tooltip > a{display:block; width:18px; height:18px; background:url("../img/question.svg")center center no-repeat; background-size:100%; font-size:0px;}
.dashboard .dashboardContent .dbBox > strong .tooltip  > a + .tooltipContent{width:max-content; position:absolute; top:0px; white-space:nowrap; left:50%; transform:translateX(-50%);}
.dashboard .dashboardContent .dbBox > strong .tooltip > a + .tooltipContent.on{position:absolute; display:flex; align-items: center; padding:8px 12px; border-radius:12px; border:1px solid #E31B54; background:#fff; color:#E31B54; font-size:15px; font-weight:500; white-space:nowrap; z-index:2; right:-10px; top:35px;  }
.dashboard .dashboardContent .dbBox > strong .tooltip > a + .tooltipConte nt::before{content:""; position:absolute; display:block; width:8px; height:8px; background:#fff; border-top:1px solid #E31B54; border-left:1px solid #E31B54; transform:rotate(45deg)translateX(-50%); left:50%; top:-2px;}
.dashboard .dashboardContent .dbBox > strong .tooltip > a + .tooltipContent a{display:block; width:24px; height:24px; background:url("../img/share_close.svg")center center no-repeat; background-size:14px 14px; border:1px solid #ddd; font-size:0px; border-radius:50%; margin-left:4px;}

.dashboard .dashboardContent .dbBox .graphBox{padding:32px; border-radius:20px; border:1px solid #D9DDF0;}
.dashboard .dashboardContent .dbBox .graphBox > strong{display:flex; align-items: center; font-size:20px; font-weight:500; color:#1a1a1a; margin-bottom:25px;}
.dashboard .dashboardContent .dbBox .arrows{display:flex; align-items: center; margin-left:auto;}
.dashboard .dashboardContent .dbBox .num + .arrows{margin-left:15px;}
.dashboard .dashboardContent .dbBox .num{display:flex; align-items:center; margin-left:auto;}
.dashboard .dashboardContent .dbBox .num .now{font-weight:400; color:#666;}
.dashboard .dashboardContent .dbBox .num .totalNum{margin-left:3px; font-weight:600;}

.dashboard .dashboardContent .dbBox .arrows li a{display:block; width:26px; height:26px; border-radius:4px; transition-duration:0.2s; font-size:0px;}
.dashboard .dashboardContent .dbBox .arrows li:nth-of-type(1) a{background:url("../img/chevron-left.svg")center center no-repeat; background-size:18px 18px;}
.dashboard .dashboardContent .dbBox .arrows li:nth-last-of-type(1) a{background:url("../img/chevron-left.svg")center center no-repeat; transform:rotate(180deg); background-size:18px 18px;}
.dashboard .dashboardContent .dbBox .arrows li:nth-of-type(1) a:hover,
.dashboard .dashboardContent .dbBox .arrows li:nth-of-type(1) a:focus{background:#F2F2F2 url("../img/chevron-left.svg")center center no-repeat; background-size:18px 18px;}
.dashboard .dashboardContent .dbBox .arrows li:nth-last-of-type(1) a:hover,
.dashboard .dashboardContent .dbBox .arrows li:nth-last-of-type(1) a:focus{background:#F2F2F2 url("../img/chevron-left.svg")center center no-repeat; transform:rotate(180deg); background-size:18px 18px;}
.dashboard .dashboardContent .dbBox .graphBox > strong span{font-size:14px; display:block; margin-left:12px; color:#666;}
.dashboard .dashboardContent .dbBox .graphTable{width:100%; border-top:1px solid #06215E; margin-top:28px;}
.dashboard .dashboardContent .dbBox .graphTable thead th{background:#FAFAFA; height:48px; font-size:15px; font-weight:500; color:#1a1a1a; vertical-align: middle}
.dashboard .dashboardContent .dbBox .graphTable tbody > tr > *{height:51px; vertical-align: middle; text-align:center; font-size:16px; font-weight:500;}
.dashboard .dashboardContent .dbBox .graphTable tbody > tr > td{border-bottom:1px solid #E6E6E6;}
.dashboard .dashboardContent .dbBox .graphTable tbody > tr:nth-of-type(1) > th{background:#F4F7FF;  }
.dashboard .dashboardContent .dbBox .graphTable tbody > tr:nth-of-type(2) > th{background:#FFF4F7;  }
.dashboard .dashboardContent .dbBox .graphTable tbody > tr:nth-of-type(3) > th{background:#F2FBFB;  }
.dashboard .dashboardContent .dbBox .graphTable tbody > tr:nth-of-type(1) > th,
.dashboard .dashboardContent .dbBox .graphTable tbody > tr:nth-of-type(1) > td{  color:#146AE2;}
.dashboard .dashboardContent .dbBox .graphTable tbody > tr:nth-of-type(2) > th,
.dashboard .dashboardContent .dbBox .graphTable tbody > tr:nth-of-type(2) > td{  color:#E31B54;}
.dashboard .dashboardContent .dbBox .graphTable tbody > tr:nth-of-type(3) > th,
.dashboard .dashboardContent .dbBox .graphTable tbody > tr:nth-of-type(3) > td{  color:#2C6D6D;}
.dashboard .dashboardContent .dbBox .consTitle{margin-bottom:16px; padding:0px; z-index:3; position:relative;}
.dashboard .dashboardContent .dbBox .grandslam{display:flex; align-items: stretch; gap:0px 20px; margin-bottom:16px; }
.dashboard .dashboardContent .dbBox .grandslam .crown{position:relative; border-radius:20px; display:flex; align-items: center; flex-direction: column; padding:6.5px 26px 60px; background: linear-gradient(90deg, #00968C 0%, #0A6EA5 100%);}
.dashboard .dashboardContent .dbBox .grandslam .crown .animationBox{display:block; width:200px; height:200px; background:url("../img/uncrown.svg")center center no-repeat; background-size:100%; z-index:2;}
.dashboard .dashboardContent .dbBox .grandslam .crown .animationBox.crown::before{content:""; display:block; width:80%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background:url("../img/crown.png")center center no-repeat; z-index:6; aspect-ratio: 120/133; background-size:100%;}
.dashboard .dashboardContent .dbBox .grandslam .crown .textBox{z-index:2; text-align: center;}
.dashboard .dashboardContent .dbBox .grandslam .crown p{z-index:2; font-weight:600; color:#333880; font-size:24px;  margin-bottom:6px;}
.dashboard .dashboardContent .dbBox .grandslam .crown span{display:inline-flex; align-items: center; justify-content: center; gap:0px 4px; padding:4px 12px; border-radius:100px; font-size:16px; font-weight:300; color:#1a1a1a; z-index:2; background:#F8F9FC;}
.dashboard .dashboardContent .dbBox .grandslam .crown::after{content:""; display:block; position:absolute; border-radius:20px; background:#fff; width:calc(100% - 6px); height:calc(100% - 6px); top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.dashboard .dashboardContent .dbBox .grandslam ul{display:flex; flex-direction: column; gap:12px 0px; flex:1;}
.dashboard .dashboardContent .dbBox .grandslam ul li{display:flex; align-items: center; flex:1; padding:16px 20px; border-radius:12px; border:1px solid #D9DDF0;}
.dashboard .dashboardContent .dbBox .grandslam ul li p{display:flex; flex-direction: column; font-size:16px; font-weight:600; line-height:160%;}
.dashboard .dashboardContent .dbBox .grandslam ul li strong{display:block; width:45px; margin-left:5px; font-size:16px; font-weight:600;}
.dashboard .dashboardContent .dbBox .grandslam ul li > div.perc{display:flex; background:#F2F2F2; width:260px; height:20px; border-radius:100px; margin-left:auto;}
.dashboard .dashboardContent .dbBox .grandslam ul li > div.perc > div{height:20px; border-radius:100px;}
.dashboard .dashboardContent .dbBox .grandslam ul li:nth-of-type(1) > div.perc > div{background:#42B0AC;}
.dashboard .dashboardContent .dbBox .grandslam ul li:nth-of-type(2) > div.perc > div{background:#146AE2;}
.dashboard .dashboardContent .dbBox .grandslam ul li:nth-of-type(3) > div.perc > div{background:#E31B54;}
.dashboard .dashboardContent .dbBox .grandslam ul li:nth-of-type(4) > div.perc > div{background:#333880;}
.dashboard .dashboardContent .dbBox .grandslam ul li p span em{font-weight:500;}
.dashboard .dashboardContent .dbBox .grandslam ul li p span{color:#666; font-weight:300;}
.dashboard .dashboardContent .dbBox .grandslam ul li:nth-of-type(1) p span em,
.dashboard .dashboardContent .dbBox .grandslam ul li:nth-of-type(1) strong{color:#42B0AC; font-weight:500;}
.dashboard .dashboardContent .dbBox .grandslam ul li:nth-of-type(2) p span em,
.dashboard .dashboardContent .dbBox .grandslam ul li:nth-of-type(2) strong{color:#146AE2;font-weight:500;}
.dashboard .dashboardContent .dbBox .grandslam ul li:nth-of-type(3) p span em,
.dashboard .dashboardContent .dbBox .grandslam ul li:nth-of-type(3) strong{color:#E31B54;font-weight:500;}
.dashboard .dashboardContent .dbBox .grandslam ul li:nth-of-type(4) p span em,
.dashboard .dashboardContent .dbBox .grandslam ul li:nth-of-type(4) strong{color:#333880; font-weight:500;}
.dashboard .dashboardContent .dbBox .grandslam + span{font-size:14px; font-weight:300; color:#666;}

.dashboard .dashboardContent .dbBox .monthClass{display:flex; align-items: center; gap:0px 20px; margin-bottom:40px;}
.dashboard .dashboardContent .dbBox .monthClass li{padding:20px; flex:1; display:flex; flex-direction: column; align-items: center; gap:20px 0px; border-radius:20px; background:#F4F7FF;}
.dashboard .dashboardContent .dbBox .monthClass li p{font-size:17px; font-weight:500; color:#666; }
.dashboard .dashboardContent .dbBox .monthClass li strong{font-size:40px; font-weight:700; color:#146AE2; line-height:31px;}
.dashboard .dashboardContent .dbBox .scheduleList{display:flex; align-items: start; gap:0px 20px;}
.dashboard .dashboardContent .dbBox .scheduleList .calBox{width:280px; min-width:280px; display:flex; flex-direction: column; gap:12px 0px;}
.dashboard .dashboardContent .dbBox .scheduleList .calBox strong{display:flex; align-items: center; justify-content: space-between; font-weight:600; font-size:20px; color:#2a2a2a;}
.dashboard .dashboardContent .dbBox .scheduleList .calBox strong ul{display:flex; align-items: center; gap:0px 2px;}
.dashboard .dashboardContent .dbBox .scheduleList .calBox strong ul li{display:flex; gap:0px 4px; align-items: center; font-size:14px; font-weight:500; color:#666;}
.dashboard .dashboardContent .dbBox .scheduleList .calBox strong ul li::before{content:""; display:block; width:10px; height:10px; border-radius:50%;}
.dashboard .dashboardContent .dbBox .scheduleList .calBox strong ul li.bull_type01::before{background:#146AE2;}
.dashboard .dashboardContent .dbBox .scheduleList .calBox .calendar{display:grid; grid-template-columns: repeat(7,1fr); gap:4px 0px;}
.dashboard .dashboardContent .dbBox .scheduleList .calBox .calendar .date_area{font-size:14px; font-weight:600; color:#1a1a1a; display:block; padding:10px 0px; text-align:center;}
.dashboard .dashboardContent .dbBox .scheduleList .calBox .calendar a{display:flex; justify-content: center; align-items: center; text-align:center; height:40px; font-size:14px; font-weight:500; color:#444;}
.dashboard .dashboardContent .dbBox .scheduleList .calBox .calendar a.past,
.dashboard .dashboardContent .dbBox .scheduleList .calBox .calendar a.future{color:#aaa;}
.dashboard .dashboardContent .dbBox .scheduleList .calBox .calendar a.classDay,
.dashboard .dashboardContent .dbBox .scheduleList .calBox .calendar a.on{color:#fff;}
.dashboard .dashboardContent .dbBox .scheduleList .calBox .calendar a.classDay,
.dashboard .dashboardContent .dbBox .scheduleList .calBox .calendar a.on,
.dashboard .dashboardContent .dbBox .scheduleList .calBox .calendar a.today{border-radius:50%;}
.dashboard .dashboardContent .dbBox .scheduleList .calBox .calendar a.classDay{background:#146AE2;}
.dashboard .dashboardContent .dbBox .scheduleList .calBox .calendar a.on{background:#06215E;}
.dashboard .dashboardContent .dbBox .scheduleList .calBox .calendar a.today{background:#FFE448;}
.dashboard .dashboardContent .dbBox .scheduleList .listBox{flex:1;}
.dashboard .dashboardContent .dbBox .scheduleList .listBox > strong{display:flex; align-items: center; gap:0px 6px; font-size:17px; font-weight:600; color:#2a2a2a; margin-bottom:12px;}
.dashboard .dashboardContent .dbBox .scheduleList .listBox > strong span{color:#333880; font-weight:600;}

.dashboard .dashboardContent .dbBox .myInfo{padding:32px; border-radius:20px; border:1px solid #DDD;}
.dashboard .dashboardContent .dbBox .myInfo table{width:100%;}
.dashboard .dashboardContent .dbBox .myInfo table tr:not(:nth-of-type(1)) th,
.dashboard .dashboardContent .dbBox .myInfo table tr:not(:nth-of-type(1)) td{padding-top:20px;}
.dashboard .dashboardContent .dbBox .myInfo table tr:not(:nth-last-of-type(1)) th,
.dashboard .dashboardContent .dbBox .myInfo table tr:not(:nth-last-of-type(1)) td{padding-bottom:20px; border-bottom:1px solid #F2F2F2;}
.dashboard .dashboardContent .dbBox .myInfo table tr th{text-align:left; font-size:17px; font-weight:500; color:#666;}
.dashboard .dashboardContent .dbBox .myInfo table tr td{text-align:left; font-size:18px; color:#1a1a1a; font-weight:500;}
.dashboard .dashboardContent .dbBox .myInfo + span{display:block; margin:12px 0px 24px; color:#666; font-size:16px; font-weight:300;}
.dashboard .dashboardContent .dbBox .myInfoBtn{display:flex; align-items: center; gap:0px 12px;}
.dashboard .dashboardContent .dbBox .myInfoBtn li{flex:1;}
.dashboard .dashboardContent .dbBox .myInfoBtn li a{display:block; width:100%; line-height:44px; text-align: center; background:#f2f2f2; border-radius:4px; font-size:17px; color:#1a1a1a; font-weight:500; margin-bottom:32px;}
.dashboard .dashboardContent .dbBox .myInfoAgree{padding:32px; border-radius:4px; background:#F8F9FC;}
.dashboard .dashboardContent .dbBox .myInfoAgree strong{display:flex; align-items:center; font-size:20px; font-weight:500; line-height:160%; color:#1a1a1a; padding-bottom:16px; border-bottom:2px solid #485A9C;}
.dashboard .dashboardContent .dbBox .myInfoAgree p{padding:16px 16px; font-size:16px; line-height:160%; font-weight:500; color:#666; border-bottom:1px solid #E6E6E6; margin-bottom:16px;}
.dashboard .dashboardContent .dbBox .myInfoAgree span{display:flex; align-items: center; font-size:16px; color:#E31B54; font-weight:300; gap:0px 4px; padding:0px 16px; letter-spacing:-1px; line-height:160%; background:#fff; padding:12px;}
.dashboard .dashboardContent .dbBox .myInfoAgree span::before{content:""; display:block; width:18px; height:18px; background:url("../img/icon_warning.svg")center center no-repeat; background-size:100%;}
.dashboard .dashboardContent .dbBox .myInfoAgree p.agreeText{display:block; width:100%; border-top:1px solid #E6E6E6; margin-top:16px; padding-top:16px; font-size:17px; color:#1a1a1a; padding-bottom:13.5px; text-align:center; BORDER-BOTTOM:0PX; MARGIN-BOTTOM:0PX; border-top:0px;}
.dashboard .dashboardContent .dbBox .myInfoAgree ul{display:flex; justify-content:center; gap:0px 22px;}
.dashboard .dashboardContent .dbBox .myInfoAgree ul li input[type="radio"]{width:20px; height:20px; border:1px solid #BBBBBB; border-radius:50%; appearance: none; background:#fff;}
.dashboard .dashboardContent .dbBox .myInfoAgree ul li input[type="radio"]:checked{background:url("../img/research_chk.svg")center center no-repeat; border:0px;}
.dashboard .dashboardContent .dbBox .myInfoAgree ul li{display:flex; align-items: center; gap:0px 6px; font-size:18px; color:#111; font-weight:500;}
.dashboard .dashboardContent .dbBox .myInfoAgree strong input[type=checkbox]{appearance: none; width:24px; height:24px; background:url("../img/icon_checkbox.svg")center center no-repeat; background-size:100%; margin-left:auto;}
.dashboard .dashboardContent .dbBox .myInfoAgree strong input[type=checkbox]:checked{background:url("../img/icon_checkbox_on.svg")center center no-repeat; background-size:100%;}
.dashboard .dashboardContent .dbBox .myInfoAgree strong label{font-size:18px; color:#666; font-weight:500; margin-left:6px;}
.dashboard .dashboardContent .dbBox .myInfoAgree strong em{display:flex; align-items: center; margin-left:auto;}

.selectClassListWrap{ height:fit-content;  width:100%; position:relative; margin:0 auto;}
/*.selectClassListWrap::After{content:""; display:block; width:100%; height:100px; position:absolute; bottom:0px; background: linear-gradient(to bottom, #F8F9FC00, #F8F9FC);}*/
.selectClassList{position:relative; max-height:380px; overflow-y:auto; padding-right:12px; display:grid; grid-template-columns: repeat(1,1fr); gap:12px;  padding-left:4px; padding:10px 4px;}
.selectClassList > li{border:2px solid transparent; border-radius:20px; padding-top:16px; display:flex; flex-direction: column; box-shadow:0px 8px 16px 4px rgba(0,0,0,0.08); background:#fff;}
.selectClassList > li:hover{border:2px solid #146AE2; box-shadow:0px 4px 24px 4px rgba(20, 106, 226,0.2);}
.selectClassList > li:hover > a{border-top:1px solid #146AE2; color:#146AE2}
.selectClassList > li .infomation{display:flex; align-items: center; margin:0px 16px 8px; gap:0px 6px;}
.selectClassList > li .infomation > span{display:block; padding:4px 10px; border-radius:100px; font-size:15px; font-weight:500;}
.selectClassList > li .infomation > span.type{border:1px solid;}
.selectClassList > li .infomation > span.type.online{color:#146AE2; border-color:#146AE2;}
.selectClassList > li .infomation > span.type.offline{color:#E31B54; border-color:#E31B54;}
.selectClassList > li .infomation > span.type.group{color:#333880; border-color:#333880;}
.selectClassList > li .infomation > span.lv{background:#F4F7FF; color:#1A1C3E;}
.selectClassList > li .infomation > span.lv2 {color:#5925DC; }
.selectClassList > li > strong{display:block; font-size:20px; font-weight:600; color:#1a1a1a; margin:0px 16px; }
.selectClassList > li > ul{margin-top:20px; display:flex; gap:0px 16px; margin:12px 16px  16px;}
.selectClassList > li > ul li{display:flex; gap:0px 4px; align-items: start;}
.selectClassList > li > ul li p{min-width:60px; font-weight:500; color:#666; font-size:15px;}
.selectClassList > li > ul li p span{font-size:15px}
.selectClassList::-webkit-scrollbar {
    width: 4px; /* 스크롤바의 너비 */
}

.selectClassList::-webkit-scrollbar-thumb {
    background: #333880; /* thumb의 배경색 */
    border-radius: 100px; /* thumb의 border-radius */
}

.selectClassList::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05); /* 스크롤바 배경색 */
}

.selectClassList::-webkit-scrollbar-button {
    display: none; /* 상하 버튼 제거 */
}

.dbBox .ytcList{overflow-y:visible; gap:20px 16px; padding-right:0px; margin-top:0px;}
.dbBox .ytcList > li{padding-top:24px; overflow:visible; border:1px solid #D9DDF0; box-shadow:none !important;}
.dbBox .ytcList > li .infomation{margin:0px 24px 12px;}
.dbBox .ytcList > li > strong{margin:0px 24px; font-size:20px; white-space:nowrap; display:block; width:360px; overflow:hidden; text-overflow: ellipsis;}
.dbBox .ytcList > li > ul{margin:12px 24px 24px; gap:8px 0px;}
.dbBox .ytcList > li > span{display:block; text-align: center; margin-top:auto; padding:12px 0px; border-top:1px solid #ddd; font-size:15px; font-weight:500;  border-radius:0px 0px 20px 20px;}
.dbBox .ytcList > li > span.yet{background:#FAFAFA; color:#666;}
.dbBox .ytcList > li > span.comp{background:#F4F7FF; color:#146AE2; font-weight:600;}
.dbBox .ytcList > li > span.sel{background:#F8F9FC; color:#333880; font-weight:600;}
.dbBox .ytcList > li > span.can{background:#E6E6E6; color:#666;}

.dbBox .board .boardList{display:flex; flex-direction: row; flex-wrap:nowrap; gap:0px 32px;}
.board .boardList{display:grid; grid-template-columns: repeat(3, 1fr    ); flex-wrap:wrap; gap:40px 30px; margin-top:12px; padding-top:20px; border-top:1px solid #485A9C;}
.board .boardList a.boardF{display:flex; flex-direction:column; width:100%; }
.board .boardList a.boardF .imgBox{position:relative; border-radius:12px; overflow:hidden; border:1px solid #C3C3C3; margin-bottom:20px; height:200px;}
.board .boardList a.boardF .imgBox img{max-height:100%; width:100%;}
.board .boardList a.boardF .imgBox time{position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,0.4); display:block; border-radius:100px; padding:4px 8px; color:#fff; font-size:12px;}
.board .boardList a.boardF .textBox p{border-radius:100px; display:inline-block; padding:2px 12px; font-size:15px; font-weight:500;}
.board .boardList a.boardF.type01 .textBox p{background:#FFF4F7; color:#E31B54;}
.board .boardList a.boardF.type02 .textBox p{background:#F7F4FF; color:#5925DC;}
.board .boardList a.boardF.type03 .textBox p{background:#F4F7FF; color:#146AE2;}
.board .boardList a.boardF.type04 .textBox p{background:#F8F9FC; color:#333880;}
.board .boardList a.boardF.type05 .textBox p{background:#F2FBFB; color:#2C6D6D;}
.board .boardList a.boardF.type06 .textBox p{background:#F5FFF2; color:#1A8400;}
.board .boardList a.boardF .textBox strong{display:block; margin-top:8px; font-size:18px; font-weight:500; color:#1a1a1a;}
.board .boardList .slick-track{display:flex; align-items: center; gap:0px 30px;}

.dbBox .searchWrap{margin-top:20px; margin-bottom:20px; padding:20px 32px; display:flex; flex-direction: column; gap:12.5px 0px;}
.dbBox .searchWrap ul{display:flex; align-items: center; gap:0px 12px;}
.dbBox .searchWrap ul li{display:flex; align-items: center;gap:0px 6px;}
.dbBox .searchWrap ul li p{font-size:17px; font-weight:300; width:100px;}
.dbBox .searchWrap li input[type=checkbox]{appearance: none; width:24px; height:24px; background:url("../img/icon_checkbox.svg")center center no-repeat; background-size:100%;}
.dbBox .searchWrap li input[type=checkbox]:checked{background:url("../img/icon_checkbox_on.svg")center center no-repeat; background-size:100%;}
.dbBox .searchWrap ul li label{font-size:18px;}
.dbBox .searchWrap ul li select{font-weight:300;}
.dbBox .searchWrap.noshow{background:#FAFAFA; }
.dbBox .searchWrap.noshow ul{align-items: stretch;}
.dbBox .searchWrap.noshow li.num{padding:0px 16px; border-radius:4px; font-size:17px; font-weight:700;}
.dbBox .searchWrap.noshow li.warning{font-size:16px; color:#E31B54;}
.dbBox .searchWrap.noshow li.warning::Before{content:""; display:block; width:18px; height:18px; background:url("../img/icon_warning.svg")center center no-repeat; background-size:100%;}
.dashboard .dashboardContent{width:100%;}

.dashboard .dashboardContent .dbBox strong.total.ptcpTotal select{margin-right:10px; margin-left:0px;}
.dashboard .dashboardContent .dbBox strong.total.ptcpTotal strong{margin-right:auto;}
.dashboard .dashboardContent .dbBox strong.total{color:#1a1a1a; display:flex; align-items: center; font-size:16px; font-weight:300;}
.dashboard .dashboardContent .dbBox strong.total strong{margin-right:10px; font-size:19px; font-weight:700;}
.dashboard .dashboardContent .dbBox strong.total p{margin-right:auto; font-size:20px; color:#1a1a1a; font-weight:500;}
.dashboard .dashboardContent .dbBox strong.total span{font-weight:700; color:#e31b53; margin-left:3px; margin-top:0px;}
.dashboard .dashboardContent .dbBox strong.total strong{margin-right:10px; font-size:19px; font-weight:700}
.dashboard .dashboardContent .dbBox strong.total select{height:36px; padding:0px 30px 0px 8px; border-radius:4px; background:#fff; border:1px solid #ddd; font-size:15px; color:#666; background:#fff url("../img/select.svg")center right 8px no-repeat; background-size:20px; appearance: none; min-width:80px; margin-left:auto; font-weight:300;}
.dashboard .dashboardContent .dbBox .info{display:flex; align-items: center;padding:12px; background:#F8F9FC; border-radius:12px;}
.dashboard .dashboardContent .dbBox .info p::Before{content:""; display:block; width:18px; height:18px; aspect-ratio: 1/1; background:url("../img/info.svg")center center no-repeat; background-size:100%;}
.dashboard .dashboardContent .dbBox .info p{display:flex; align-items: start; gap:0px 6px; font-size:16px; color:#06215E; font-weight:500;}
.dashboard .dashboardContent .dbBox .info a{display:flex; align-items: center; margin-left:auto; border-radius:4px; font-weight:500; border:1px solid #ddd; padding:8px 12px; font-size:14px; color:#444; gap:0px 6px; background:#fff;}
.dashboard .dashboardContent .dbBox .info a::after{content:""; display:block; width:12px; height:12px; background:url("../img/arrow-narrow-up-right.svg")center center no-repeat; background-size:100%;}

.dashboard .dbBox .procedure{padding:32px; border-radius:20px; border:1px solid #D9DDF0; margin-top:32px;}
.dashboard .dbBox .procedure strong{display:block; font-size:17px; font-weight:500; margin-bottom:12px; color:#666;}
.dashboard .dbBox .procedure ul{display:flex; align-items: start; justify-content: space-between; }
.dashboard .dbBox .procedure ul li{position:relative; text-align:center; font-size:15px; font-weight:500; color:#1a1a1a; display:flex; flex-direction: column; gap:8px 0px; width:60px; align-items: center; }
.dashboard .dbBox .procedure ul li::before{content:""; display:block; width:60px; height:60px; border-radius:50%; }
.dashboard .dbBox .procedure ul li:nth-of-type(1)::before{background:#485A9C url("../img/pro1.svg")center center no-repeat; background-size:20px 20px;}
.dashboard .dbBox .procedure ul li:nth-of-type(2)::before{background:#485A9C url("../img/pro3.svg")center center no-repeat; background-size:20px 20px;}
.dashboard .dbBox .procedure ul li:nth-of-type(3)::before{background:#485A9C url("../img/pro4.svg")center center no-repeat; background-size:20px 20px;}
.dashboard .dbBox .procedure ul li:nth-of-type(4)::before{background:#485A9C url("../img/pro6.svg")center center no-repeat; background-size:20px 20px;}
.dashboard .dbBox .procedure ul li:nth-of-type(5)::before{background:#485A9C url("../img/pro7.svg")center center no-repeat; background-size:20px 20px;}
.dashboard .dbBox .procedure ul li:not(:nth-last-of-type(1))::after{content:""; display:block; top:18.5px; position:absolute; right:-50%; transform:translateX(50%); display:block; width:24px; height:24px; background:url("../img/pro_arrow.svg")center center no-repeat; background-size:100%;}

.process{margin-top:32px;}
.process{display:flex; align-items: stretch; gap:0px 20px;}
.process .percWrap{display:flex; width:20px;}
.process .perc{width:100%; height:calc(100% - 40px); background:#F2F2F2; border-radius:100px;}
.process .perc > div{background:linear-gradient(-180deg,#fff,#146AE2); border-radius:100px;}
.process .perc.done1 > div{height:38%;}
.process .perc.done2 > div{height:69%;}
.process .perc.done3 > div{height:100%;}
.process .percList{display:flex; flex-direction: column; gap:20px 0px; flex:1;}
.process .percList li::before{content:""; display:block; top:4px; left:-36px; width:12px; height:12px; background:#aaa; border-radius:50%; position:absolute;}
.process .percList li.done::before{background:#0D3FA2;}
.process .percList li.now::before{left:-48px; background:#fff url("../img/icon_check_now.svg")center center no-repeat; background-size:16px 16px; width:28px; height:28px; border:2px solid #0D3FA2;}
.process .percList li > a{position:absolute; display:flex; align-items: center; padding:6px 12px; border-radius:4px; border:1px solid #ddd; transition-duration:0.2s; font-size:14px; top:13px; gap:0px 6px; right:20px; color:#444;}
.process .percList li.now > a::after{content:""; display:block; width:12px; height:12px; background:url("../img/link_arrow3.svg")center center no-repeat; background-size:100%;}
.process .percList li:not(.now) > a{background:rgba(0,0,0,0.15) !important; }
.process .percList li.now > a:is(:hover,:focus){border:1px solid #146AE2; background:#fff; box-shadow:0px 4px 12px 1px rgba(20, 106, 226,0.2); color:#146AE2;}
.process .percList li{position:relative; padding:20px; border-radius:12px; border:1px solid #D9DDF0; display:flex; align-items: end; display:flex; justify-content: space-between;}
.process .percList li.done{background:#FAFAFA; border:1px solid #f2f2f2;}
.process .percList li.now{border:2px solid #146AE2; box-shadow:0px 4px 12px 1px rgba(20, 106, 226,0.2);}
.process .percList li .left{display:flex; flex-direction: column; gap:8px 0px;}
.process .percList li .left > strong{display:flex; align-items: center; font-size:20px; color:#1a1a1a; gap:0px 4px;}
.process .percList li.now .left > strong{color:#0D3FA2; font-weight:700;}
.process .percList li .left > strong span{display:block; font-size:15px; border-radius:100px; padding:0px 8px;}
.process .percList li .left > p{display:flex; align-items: center; font-size:15px;}
.process .percList li .left > p span{display:block; width:50px; font-size:15px; color:#666;}
.process .percList li.done .left > strong span{color:#666; background:#E6E6E6;}
.process .percList li.now .left > strong span{color:#E31B54; background:#FFF4F7;}
.process .percList li .right p{display:flex; align-items: center; font-size:14px; font-weight:400; color:#146AE2;}
.process .percList li .right p span{color:#666;}
.process .percList li .right strong{display:flex; flex-direction: column; align-items: end;}
.process .percList li .right strong span{font-size:17px; font-weight:500; color:#1a1a1a;}
.process .percList li .right strong{font-weight:700; color:#146AE2;}

.report{margin-top:60px; border-radius:12px; background:#F8F9FC; padding:20px; display:flex; align-items: center;}
.report strong{font-size:26px; font-weight:700; color:#333880; display:flex; align-items: center; gap:0px 8px;}
.report strong span{border-radius:100px; font-size:15px; display:block; font-weight:500; color:#E31B54; padding:0px 8px; background:#FFF4F7;}
.report a{display:flex; align-items: center; margin-left:auto; background:#146AE2; border-radius:4px; gap:0px 6px; font-size:16px; color:#fff; padding:12px;}
.report a::after{content:""; display:block; width:14px; height:14px; background:url("../img/link_arrow.svg")center center no-repeat; background-size:100%;}


.dbBox .mbtiResult,
.dbBox .mbtiResultExpBox1,
.dbBox .mbtiResultExpBox2{box-shadow:none !important; border:1px solid #D9DDF0;}

.dbBox .noResult{display:flex; flex-direction: column; align-items: center; justify-content: center; height:590px; gap:16px 0px;}
.dbBox .noResult p{font-size:20px; font-weight:500; color:#1a1a1a;   text-align:center;}
.dbBox .noResult::Before{content:""; display:block; width:40px; height:40px; background:url("../img/no_result.svg")center center no-repeat; background-size:100%;}
.dbBox .noResult a{display:flex; transition-duration:0.2s; align-items: center; font-size:17px; font-weight:500; color:#fff; padding:12px 18px; border-radius:4px; background:#146AE2; gap:0px 8px;}
.dbBox .noResult a::after{content:""; display:block; width:16px; height:16px; background:url("../img/link_arrow2.svg")center center no-repeat; background-size:100%;}
.dbBox .noResult a:is(:hover,:focus){background:#1055B5;}

.fav{display:flex; flex-direction: column; gap:12px 0px; border-radius:4px; background:#F8F9FC; padding:20px 32px; margin-bottom:32px;}
.fav strong{font-size:20px; font-weight:500; color:#1a1a1a; display:flex; align-items: center; gap:0px 4px;}
.fav strong .tooltip{margin-left:auto; position:relative;}
.fav strong .tooltip .tooltipContent{display:none;}
.fav strong .tooltip > a{display:block; width:18px; height:18px; background:url("../img/question.svg")center center no-repeat; background-size:100%; font-size:0px;}
.fav strong .tooltip > a + .tooltipContent{width:max-content; position:absolute; top:0px; white-space:nowrap; right:0px;}
.fav strong .tooltip > a + .tooltipContent.on{position:absolute; display:flex; align-items: center; padding:8px 12px; border-radius:12px; border:1px solid #E31B54; background:#fff; color:#E31B54; font-size:15px; font-weight:500; white-space:nowrap; z-index:2; right:-10px; top:35px;  }
.fav strong .tooltip > a + .tooltipContent::before{content:""; position:absolute; display:block; width:8px; height:8px; background:#fff; border-top:1px solid #E31B54; border-left:1px solid #E31B54; transform:rotate(45deg); right:12px; top:-5.7px;}
.fav strong .tooltip > a + .tooltipContent a{display:block; width:24px; height:24px; background:url("../img/share_close.svg")center center no-repeat; background-size:14px 14px; border:1px solid #ddd; font-size:0px; border-radius:50%; margin-left:4px;}
.fav > ul{display:flex; flex-wrap: wrap; justify-content: center; width:85%; margin:0 auto; gap:12px;}
.fav > ul li a{display:flex; align-items: center; gap:0px 4px; padding:0px 12px; height:40px; border:1px solid #ddd; border-radius:100px; font-size:17px; font-weight:500; background:#fff; color:#666;}
.fav > ul li a::Before{content:""; display:block; width:24px; height:24px; border-radius:50%; background-size:12px 12px;}
.fav > ul li.on a{border:1px solid #146AE2; font-weight:600; box-shadow:0px 4px 12px 0 rgba(20, 106, 226,0.2); color:#146AE2;}
.fav > ul li:nth-of-type(1) a::Before{background:#666 url("../img/fav1.svg")center center no-repeat;}
.fav > ul li:nth-of-type(2) a::Before{background:#666 url("../img/fav2.svg")center center no-repeat;}
.fav > ul li:nth-of-type(3) a::Before{background:#666 url("../img/fav3.svg")center center no-repeat;}
.fav > ul li:nth-of-type(4) a::Before{background:#666 url("../img/fav4.svg")center center no-repeat;}
.fav > ul li:nth-of-type(5) a::Before{background:#666 url("../img/fav5.svg")center center no-repeat;}
.fav > ul li:nth-of-type(6) a::Before{background:#666 url("../img/fav6.svg")center center no-repeat;}
.fav > ul li:nth-of-type(7) a::Before{background:#666 url("../img/fav7.svg")center center no-repeat;}
.fav > ul li:nth-of-type(8) a::Before{background:#666 url("../img/fav8.svg")center center no-repeat;}
.fav > ul li:nth-of-type(9) a::Before{background:#666 url("../img/fav9.svg")center center no-repeat;}
.fav > ul li:nth-of-type(1).on a::Before{background:#146AE2 url("../img/fav1.svg")center center no-repeat;}
.fav > ul li:nth-of-type(2).on a::Before{background:#146AE2 url("../img/fav2.svg")center center no-repeat;}
.fav > ul li:nth-of-type(3).on a::Before{background:#146AE2 url("../img/fav3.svg")center center no-repeat;}
.fav > ul li:nth-of-type(4).on a::Before{background:#146AE2 url("../img/fav4.svg")center center no-repeat;}
.fav > ul li:nth-of-type(5).on a::Before{background:#146AE2 url("../img/fav5.svg")center center no-repeat;}
.fav > ul li:nth-of-type(6).on a::Before{background:#146AE2 url("../img/fav6.svg")center center no-repeat;}
.fav > ul li:nth-of-type(7).on a::Before{background:#146AE2 url("../img/fav7.svg")center center no-repeat;}
.fav > ul li:nth-of-type(8).on a::Before{background:#146AE2 url("../img/fav8.svg")center center no-repeat;}
.fav > ul li:nth-of-type(9).on a::Before{background:#146AE2 url("../img/fav9.svg")center center no-repeat;}

.switch{font-size:0px; display:block; width:40px; height:24px; background:#666; border-radius:100px; transition-duration:0.2s; position: relative;}
.switch::before{content:""; position:absolute; top:2px; left:2px; display:block; width:20px; height:20px; background:url("../img/switch_off.svg")center center no-repeat; background-size:100%; transition-duration: 0.2s;}
.switch.on{background:#146AE2; }
.switch.on::before{left:18px; background:url("../img/switch_on.svg")center center no-repeat; background-size:100%;}

.dbBox .completion{display:flex; margin-top:32px; gap:0px 20px;}
.dbBox .completion .imgWrap{border:1px solid #ddd; padding:15px; border-radius:12px; flex-shrink: 1;}
.dbBox .completion .imgWrap img{width:100%; max-width:350px;}
.dbBox .completion .textWrap{flex-shrink: 0;   box-sizing:border-box; padding:32px; border-radius:20px; display:flex; flex-direction: column; background:#FAFAFA; width:100%;}
.dbBox .completion .textWrap > strong{display:block; font-size:24px; font-weight:600; color:#1a1a1a; margin-bottom:12px;}
.dbBox .completion .textWrap ul{display:flex; flex-direction: column; gap:12px 0px; margin-bottom:12px;}
.dbBox .completion .textWrap > ul > li{display:flex; align-items: start;}
.dbBox .completion .textWrap > ul > li > p{width:64px; font-size:16px; font-weight:500; color:#666;}
.dbBox .completion .textWrap > ul > li > span{font-size:16px; font-weight:500; color:#1a1a1a;}
.dbBox .completion .textWrap > ul > li{gap:0px 12px; }
.dbBox .completion .textWrap .grade{gap:24px 0px;}
.dbBox .completion .textWrap .grade li{position:relative; display:flex; align-items: center; gap:0px 6px; font-size:16px; font-weight:500; color:#666;}
.dbBox .completion .textWrap .grade li.now{color:#1a1a1a;}
.dbBox .completion .textWrap .grade li::Before{content:""; display:block; width:24px; height:24px; border-radius:50%; z-index:3;}
.dbBox .completion .textWrap .grade li:nth-of-type(1).now::before {background:#D9DDF0 url("../img/grade1_now.svg")center center no-repeat; background-size:12px 12px; }
.dbBox .completion .textWrap .grade li:nth-of-type(1)::before {background:#DDD url("../img/grade1.svg")center center no-repeat; background-size:12px 12px; }
.dbBox .completion .textWrap .grade li:nth-of-type(2)::before{background:#DDD url("../img/grade2.svg")center center no-repeat; background-size:12px 12px;}
.dbBox .completion .textWrap .grade li:nth-of-type(2).now::Before {background:#333880 url("../img/grade2_now.svg")center center no-repeat; background-size:12px 12px; }
.dbBox .completion .textWrap .grade li:nth-of-type(3).now::Before {background:#333880 url("../img/grade3_now.svg")center center no-repeat; background-size:12px 12px; }
.dbBox .completion .textWrap .grade li:not(:nth-of-type(1))::after{content:""; display:block; height:24px; width:2px; background:#ddd; position:absolute; left:10px; top:-24px; z-index:2;}
.dbBox .completion .textWrap .processWrap{margin-top:auto; flex-wrap:wrap;}
.dbBox .completion .textWrap .processWrap{display:flex; align-items: center;   padding:16px 20px; border-radius:12px; border:1px solid #D9DDF0;}
.dbBox .completion .textWrap .processWrap p{display:flex; flex-direction: column; font-size:16px; font-weight:600; }
.dbBox .completion .textWrap .processWrap strong{display:block; width:45px; margin-left:5px; font-size:16px; font-weight:600;}
.dbBox .completion .textWrap .processWrap > div.perc{display:flex; background:#F2F2F2; justify-content: start; border:1px solid #333880; width:calc(100% - 50px); height:20px; border-radius:100px; margin-left:auto;}
.dbBox .completion .textWrap .processWrap div.perc > div{background:#333880; border-radius:100px;}
.dbBox .completion .textWrap .processWrap p span em{font-weight:500;}
.dbBox .completion .textWrap .processWrap p span{color:#666; font-weight:300;}
.dbBox .completion .textWrap .processWrap p span em,
.dbBox .completion .textWrap .processWrap strong{color:#333880; font-weight:500;}
.dbBox .completion .textWrap .link{display:flex; align-items: center; border-radius:4px; background:#AAA; font-size:17px; color:#fff; gap:0px 8px; padding:14px; margin-top:12px; justify-content: center;}
.dbBox .completion .textWrap .download{display:flex; align-items: center; border-radius:4px; background:#146AE2; font-size:17px; color:#fff; gap:0px 8px; padding:14px; margin-top:12px; justify-content: center;}
.dbBox .completion .textWrap .download::before{content:""; display:block; width:16px; height:16px; background:url("../img/icon_down_2.svg")center center no-repeat; background-size:100%;}
.dbBox .completion .textWrap .link::after{content:""; display:block; width:16px; height:16px; background:url("../img/link_arrow2.svg")center center no-repeat;  background-size:100%;}


.dbBox .ptcp{padding:32px; border-radius:20px; border:1px solid #E6E6E6; margin-bottom:20px;}
.dbBox .ptcp.on{border:1px solid #146AE2;}
.dbBox .ptcp.yet{border:1px solid #333;}
.dbBox .ptcp > strong{display:flex; align-items: center; font-size:22px; font-weight:500; color:#333880; margin-bottom:12px; justify-content: space-between;}
.dbBox .ptcp > strong > span{margin-left:auto; font-size: 16px; font-weight:500; display:block; padding:4px 8px; border-radius:100px;}
.dbBox .ptcp > strong > span.type1{background:#E6E6E6; color:#666;}
.dbBox .ptcp > strong > span.type2{background:#146AE2; color:#fff;}
.dbBox .ptcp > strong > a{display:flex; align-items:center; gap:0px 6px; border-radius:4px; background:#333; color:#fff; padding:8px 12px; font-size:14px;}
.dbBox .ptcp > strong > a::after{content:""; display:block; width:12px; height:12px; background:url("../img/ptcp_arrow.svg")center center no-repeat; background-size:100%;}
.dbBox .ptcp > strong p{font-size:15px; font-weight:500; padding:4px 12px; border-radius:100px; background:#F4F7FF; color:#06215E; display:flex; margin-left:auto; gap:0px 4px;}
.dbBox .ptcp > strong em{display:block; background:#fff; border-radius:100px; padding:0px 8px; color:#333880;}
.dbBox .ptcp > table{border-top:1px solid #06215E; width:100%; text-align:center;}
.dbBox .ptcp > table thead th{height:48px; text-align: center; vertical-align: middle; background:#FAFAFA; font-size:15px; font-weight:500; color:#1a1a1a;}
.dbBox .ptcp > table tbody th{font-size:17px; font-weight:500; vertical-align: middle; border-bottom:1px solid #E6E6E6;}
.dbBox .ptcp > table tbody tr td{border-bottom:1px solid #e6e6e6; padding:16px 0px; font-size:16px; font-weight:500; color:#666; vertical-align: middle}
.dbBox .ptcp > table tbody tr td > i{display:none; font-size:12px; font-weight:500; color:#666; width:60px; text-align:left; margin-right:8px;}
.dbBox .ptcp > table tbody tr.now td{color:#1A1A1A;}
.dbBox .ptcp > table tbody tr td .end,
.dbBox .ptcp > table tbody tr td .ing,
.dbBox .ptcp > table tbody tr td .yet,
.dbBox .ptcp > table tbody tr td .att{display:inline-block; font-size:13px; font-weight:500; padding:5px 8px; border-radius:100px;}
.dbBox .ptcp > table tbody tr td .end{background:#E6E6E6; color:#666;}
.dbBox .ptcp > table tbody tr td .ing{background:#FFF4F7; color:#E31B54;}
.dbBox .ptcp > table tbody tr td .yet{background:#F2F2F2; color:#1a1a1a;}
.dbBox .ptcp > table tbody tr td .att{background:#F8F9FC; color:#333880;}
.dbBox .ptcp .noData{display:flex; align-items: center; height:200px; font-size:20px; font-weight:300; justify-content: center;}


.noPage{display:flex; flex-direction: column; align-items: center; justify-content: center; height:100vh; width:100vw;}
.noPage strong{font-size:22px; font-weight:500; color:#1a1a1a; display:flex; flex-direction: column; align-items: center; gap:12px 0px; margin-bottom:12px;}
.noPage strong::Before{content:""; display:block; border-radius:50%; width:40px; height:40px; background:url("../img/no_page.svg")center center no-repeat; background-size:100%;}
.noPage p{font-size:17px; font-weight:300; color:#666; text-align:center; margin-bottom:4px;}
.noPage a{display:block; padding:16px 20px; border-radius:4px; color:#fff; background:#146AE2; font-weight:500; font-size:18px; margin-top:40px;}

.research{display:flex; flex-direction: column; align-items: center; padding:80px 0px; width:100%; overflow-y:auto; overflow-x:hidden; background:#F8F9FC;}
.research > h2{font-size: 28px; font-weight:500; display:flex; flex-direction: column; gap:12px 0px; justify-content: center; align-items: center; margin-bottom:12px;}
.research > h2::before{content:""; display:block; width:60px; height:60px; background:url("../img/research.svg")center center no-repeat; background-size:100%;}
.research > p{font-size:16px; font-weight:300; line-height:160%; margin-bottom:40px; color:#666; text-align: center;}

.research .questionWrap{display:flex; flex-direction: column; box-shadow:0px 8px 16px 4px rgba(0,0,0,0.08); width:640px; border-radius:20px; overflow:hidden; margin-bottom:40px; background:#fff;}
.research .questionWrap > strong{display:flex; justify-content: space-between; padding:24px 32px; background:#FFFDF2; color:#485A9C; font-size:17px; font-weight:500;}
.research .questionWrap > strong em{color:#666; font-size:15px; font-weight:500; padding:4px 8px; border-radius:100px; background:#fff; border:1px solid #ddd;}
.research .questionWrap > div{padding:32px;}
.research .questionWrap > div > ol{display:flex; flex-direction: column; gap:68px 0px;}
.research .questionWrap > div > ol > li{gap:12px 0px; display:flex; flex-direction: column;}
.research .questionWrap > div > ol > li strong{ display:flex; align-items: center; gap:0px 6px; align-items: start}
.research .questionWrap > div > ol > li strong p{font-size:17px; font-weight:500; color:#1a1a1a;}
.research .questionWrap > div > ol > li strong span{font-size:15px; font-weight:300; color:#485A9C;}
.research .questionWrap > div > ol > li ul{display:flex; gap:12px; flex-direction: column;}
.research .questionWrap > div > ol > li ul.row{flex-direction: row;}
.research .questionWrap > div > ol > li ul li{position:relative; flex:1;}
.research .questionWrap > div > ol > li ul li input[type=radio],
.research .questionWrap > div > ol > li ul li input[type=checkbox]{position:absolute; width:20px; height:20px; border-radius:50%; left:16px; top:14px; appearance: none; border:1px solid #bbb; background:#fff;}
.research .questionWrap > div > ol > li ul li label{display:flex; align-items: center;  border-radius:12px; background:#fafafa; border:1px solid transparent; box-shadow:0px 0px 0px 0px rgba(0,0,0,0); gap:4px 0px; padding:16px 16px 16px 44px; font-size:15px; color:#1a1a1a; font-weight:500; transition-duration:0.2s; flex-direction: column; align-items: start; justify-content: center;}
.research .questionWrap > div > ol > li ul li input:checked + label{box-shadow:0px 4px 12px 1px #146AE233;}
.research .questionWrap > div > ol > li ul li input:disabled + label{color:#666;}
.research .questionWrap > div > ol > li ul li input:disabled{background:#ccc;}
.research .questionWrap > div > ol > li ul li input[type=checkbox]:checked + label,
.research .questionWrap > div > ol > li ul li input[type=radio]:checked + label{background:#fff; border:1px solid #146AE2; color:#146AE2;}
.research .questionWrap > div > ol > li ul li input[type=radio]:checked,
.research .questionWrap > div > ol > li ul li input[type=checkbox]:checked{background:url("../img/research_chk.svg")center center no-repeat; background-size:100%; border:0px;}
.research .questionWrap > div > ol > li ul li input + label > input[type=text]{display:none;}
.research .questionWrap > div > ol > li input[type=text],
.research .questionWrap > div > ol > li textarea{resize:none; padding:8px 12px; border:1px solid #ddd; font-size:15px; color:#1a1a1a; font-weight:400; width:100%; outline:0px !important; border-radius:4px;}
.research .questionWrap > div > ol > li textarea{height:80px;}
.research .questionWrap > div > ol > li ul li input:checked + label > input[type=text]{display:block;}
.research .questionWrap > div > ol > li input[type=text]::placeholder,.research .questionWrap > div > ol > li textarea::placeholder{font-weight:300; color:#666;}
.research .questionWrap > div > ol > li input[type=text].disabled,.research .questionWrap > div > ol > li textarea:disabled{background:#ccc;}
.research .questionWrap > div > ol > li strong p em{color:#666; margin-right:4px;}
.research .questionWrap > div > ol > li .perc{position:relative; width:190px;}
.research .questionWrap > div > ol > li .perc input{}
.research .questionWrap > div > ol > li .perc p{position:absolute; top:50%; transform:translateY(-50%); right:16px; font-size:15px; font-weight:300;}
.research .questionWrap > div > ol > li p.warning{display:flex; align-items: start; font-size:15px; font-weight:300; color:#E31B54; gap:0px 2px; line-height:160%;}
.research .questionWrap > div > ol > li p.warning::before{content:""; display:block; width:18px; height:18px; background:url("../img/icon_warning.svg")center center no-repeat; background-size:100%;}
.research > a{display:block; padding:16px 20px; border-radius:4px; color:#fff; background:#146AE2; font-weight:500; font-size:18px; width:640px; text-align:center;}

.lvtblWrap{display:flex; flex-direction: column; gap:12px 0px;}
.lvtblWrap table thead th{border-top:1px solid #485A9C; height:60px; text-align:center; background:#FAFAFA; font-weight:500; font-size:16px; vertical-align: middle;}
.lvtblWrap table tbody td{font-size:16px; font-weight:300; color:#666; height:75px; vertical-align: middle; text-align: center;}
.lvtblWrap table tbody td p{color:#1a1a1a; font-size:18px; font-weight:500;}
.lvtblWrap table tbody td span{display:inline-block; margin:auto; padding:4px 10px; border-radius:100px; font-size:15px; font-weight:600;}
.lvtblWrap table tbody td span.lv1{background:#F4F7FF; color:#146AE2;}
.lvtblWrap table tbody td span.lv2{background:#F4F7FF; color:#5925DC;}
.lvtblWrap table tbody{border-bottom:2px solid #747474;}
.lvtblWrap table tbody tr td{border-bottom:1px solid #DDD;}
.lvtblWrap table tbody tr th{font-size:18px; font-weight:500; color:#fff; vertical-align: middle;}
.lvtblWrap table tbody td:nth-of-type(2){text-align:left;}
.lvtblWrap table tbody th.type1{background:#FFF2AA; color:#1A1C3E;}
.lvtblWrap table tbody th.type2{background:#FFE448;color:#1A1C3E;}
.lvtblWrap table tbody th.type3{background:#FFFDF2;color:#1A1C3E;}
.lvtblWrap table tbody th.type4{background:#F4F7FF;color:#0D3FA2;}
.lvtblWrap table tbody th.type5{background:#F8F9FC;color:#0D3FA2;}
.lvtblWrap table tbody th.type6{background:#F2FBFB;color:#173C3C;}
.lvtblWrap table tbody th.type7{background:#CCEEEC;color:#173C3C;}
.lvtblWrap table tbody th.type8{background:#95CDCA;color:#173C3C;}
.lvtblWrap table tbody th.type9{background:#F2F2F2;color:#1A1A1A;}
.lvtblWrap table tbody tr td em{display:none; font-size:12px; font-weight:300; color:#1a1a1a; margin-right:4px; width:44px; }

.modal{display:none; position:fixed; width:100vw; height:100vh; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:50;}
.modal.on{display:block;}
.modal .popup{display:flex; flex-direction:column; width:640px; background:#333880; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); overflow-y:auto; max-height:80vh;}
.modal .popup .popupTitle{display:inline-flex; min-height:35px; align-items:center; font-size:20px; font-weight:500; color:#fff; padding-left:20px;}
.modal .popup .popupTitle a.close{display:inline-flex; align-items: center; gap:0px 6px;  margin-left:auto; color:#fff; padding:12px 0px 12px 0px; margin-right:40px; font-size:16px; font-weight:500;}

.modal .popup .popupTitle a.close::after{content:""; display:block; width:14px; height:14px; background:url("../img/x-close.svg")center center no-repeat; background-size:100%;}
.modal .popup > div{padding:20px; background:#F2F2F2; }
.modal .popup > div > strong{display:block; font-size:17px; font-weight:500; margin-bottom:8px;}
.modal .popup > div > div{padding:20px; background:#fff; margin-bottom:20px; }
.modal .popup .expTable tr th{font-size:15px;}
.modal .popup .yonText span{font-weight:500; font-size:17px; color:#1a1a1a;}
.modal .popup .yonText{font-size:16px; font-weight:500; line-height:160%;}
.modal .popup .yon li label{font-weight:500;}
.modal .popup > div > div > a{display:block; text-align:center; padding:12px 0px; border-radius:4px; background:#444; color:#fff; font-size:16px; font-weight:500; margin-top:20px;}
.modal .popup > div > a,.modal .popup > div > .popupBtnWrap > a{display:block; text-align:center; padding:12px 0px; border-radius:4px; background:#146AE2; color:#fff; font-size:16px; font-weight:500; margin-top:20px; transition-duration:0.2s;}
.modal .popup > div > a:is(:hover, :focus),.modal .popup > div > .popupBtnWrap > a:is(:hover,:focus){background:#1055B5;}
.modal .popup > div > a.close,.modal .popup > div > .popupBtnWrap > a.close{background:#444; color:#fff;}
.modal .popup > div .expTable ul li{flex-wrap:nowrap;}
.modal .popup > div > .yon{justify-content: end; margin-top:-8px; margin-bottom:-8px; gap:0px 12px;}
.modal .popup > div > .yon.yon2{justify-content: center; margin-top:-8px; margin-bottom:-8px; gap:0px 25px;}
.modal .popup > div > .yon li{gap:0px 4px; }
.modal .popup > div > .yon li label{font-size:16px;}
.modal .popup > div > div.scrollArea{max-height:50vh; overflow-y:auto;}
.modal .popup > div > div.popupBtnWrap{display:flex; padding:0px; background:none;width:100%; gap:0px 8px;}
.modal .popup > div > div.popupBtnWrap a{flex:1;}
.modal .popup > div > div.scrollArea::-webkit-scrollbar {
    width: 4px; /* 스크롤바의 너비 */
}

.modal .popup > div > div.scrollArea::-webkit-scrollbar-thumb {
    background: #333880; /* thumb의 배경색 */
    border-radius: 100px; /* thumb의 border-radius */
}

.modal .popup > div > div.scrollArea::-webkit-scrollbar-track {
    background: #ddd /* 스크롤바 배경색 */
}

.modal .popup > div > div.scrollArea::-webkit-scrollbar-button {
    display: none; /* 상하 버튼 제거 */
}
.modal .videoPopup{position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.modal .videoArea{position:relative; display:flex; align-items: stretch; max-height:605px;}
.modal .videoPopup .close{font-size:0px; display:block; width:50px; height:50px; background:url("../img/x-close.svg")center center no-repeat; background-size:100%; margin-left:auto; margin-bottom:20px;}
.modal .videoPopup .subTextArea{display:none; flex-direction:column; background:#fff; width:250px; padding:15px;;}
.modal .videoPopup .subTextArea strong{display:flex; border-bottom:1px solid #ddd; font-size:18px; font-weight:500; align-items:center; margin-bottom:10px; padding-bottom:10px;}
.modal .videoPopup .subTextArea strong a{font-size:0px; display:block; margin-left:auto; width:25px; height:25px; background:url("../img/nav-close.svg")center center no-repeat; background-size:100%;}
.modal .videoPopup .subTextArea .subText{overflow-y:auto; height:100%;}

.modal .videoPopup .viewSub{position:absolute; top:0px; right:0px; background:#fff; padding:15px; border-radius:0px 0px 0px 15px; font-weight:500; box-shadow:-2px 10px 12px 0 rgba(0,0,0,0.0); transition-duration:0.2s;}
.modal .videoPopup .viewSub:is(:hover,:focus){box-shadow:-4px 6px 6px 0 rgba(0,0,0,0.2);}
.modal .videoArea.subOn .subTextArea{display:flex;}
.modal .videoArea.subOn .viewSub{display:none;}


.modal .popup .scrollArea p{display:flex; align-items: start; font-size:17px; font-weight:500; color:#666; line-height:160%;}
.modal .popup .scrollArea p:not(:nth-of-type(1)){margin-top:20px;}
.modal .popup .scrollArea p strong{font-size:inherit; font-weight:inherit; color:inherit; position:relative; top:5px;}
.modal .popup .scrollArea ul.tdList li{font-weight:500; color:rgba(102,102,102,1); display:flex; align-items:center; margin-bottom:5px;}
.modal .popup .scrollArea ul.tdList li::before{content:""; display:block; width:3px; height:3px; background:rgba(102,102,102,1); border-radius:50%; margin:0px 5px;}
.modal .popup .scrollArea .warning{display:flex; align-items:center; padding:12px; border-radius:12px; background:#fff4f7; gap:0px 4px; }
.modal .popup .scrollArea .warning p{font-size:16px; font-weight:500; color:#E31B54; margin-top:4px; display:block; }
.modal .popup .scrollArea .warning::before{content:""; display:block; width:18px; height:18px; background:url("../img/icon_warning.svg")center center no-repeat; background-size:100%;}
.modal .popup .scrollArea .warning b{font-weight:700; border-bottom:1px solid #E31B54; color:inherit;}
.modal .popup .scrollArea .agreeText{display:flex; justify-content:center; align-items: center; margin:20px 0px; gap:0px 4px;}
.modal .popup .scrollArea .agreeText label{font-size:16px; color:#111; font-weight:500;}
@media screen and (max-width:768px){
	.location{padding-right:20px; height:44px; padding-left:20px;}
    .location > ul > li{font-size:15px; word-break:keep-all;}
    .infoModify{padding:12px 16px; font-size:14px; gap:0px 6px;}
    main .content{padding:32px 16px;}
    main .content h2{margin-bottom:32px; font-size:28px;}
    main .content h2 span{font-size:14px;}
    main .content .tab li a{height:40px; font-size:13px;}
    main .content .faqList  .faq.dt{font-size:15px; gap :0px 8px ;}
    .faqList{gap:8px 0px; font-size:12px;}
    .faqList a.faq dl dd{font-size:13px; margin-left:32px; line-height:140%;}
    .faqList a.faq dl dt p{font-size:13px;}
    /*검색 박스*/
    .searchWrap{flex-wrap:wrap; padding:18px;}

    .searchWrap > div.toggleBox,.searchWrap > div.dateBox{width:100%; gap:0px 4px; margin-right:0px;}
    .searchWrap > div.toggleBox a{flex:1; justify-content: center;}
    .searchWrap > div.dateBox input.cal{flex:1;}
    .searchWrap > div.dateBox i{font-size:14px;}
    .searchWrap > div.dateBox input.cal{padding:0px 8px; height:40px; font-size:13px; width:auto; min-width:0px; background-size:13px;}
    .searchWrap > div.searchBox select{height:40px; width:calc(50% - 4px);}
    .searchWrap > div.searchBox select.full{width:100%;}
    .searchWrap > div.searchBox{flex:1; gap:8px 8px; flex-wrap:wrap; margin-top:8px;}
    .searchWrap input[type=text],.searchWrap select,.searchWrap button{height:40px; font-size:13px;}
    .searchWrap input[type=text]{width:calc(100% - 80px);}
    .searchWrap button{padding:0px 14px; gap:0px 6px;}
    .searchWrap button::after{width:13px; height:13px;}


    /*반응형 테이블*/
    .rpvTbl.tbl{display:block;}
    .rpvTbl.tbl tbody{display:flex; flex-direction: column;}
    .rpvTbl.tbl colgroup{display:none;}
    .rpvTbl.tbl thead{display:none;}
    .rpvTbl.tbl tbody tr{display:flex; flex-wrap:wrap; width:100%; padding:14px 10px; border-bottom:1px solid #e6e6e6;}
    .rpvTbl.tbl tbody tr td{border-bottom:0px; padding:0px; display:flex; align-items: center; position:relative; }
    .rpvTbl.tbl.noticeTbl td{font-size:12px;}
    .rpvTbl.tbl.noticeTbl td:nth-of-type(1){margin-right:12px;}
    .rpvTbl.tbl.noticeTbl td:nth-of-type(1) .notice2.icon{width:16px; height:16px; background-size:10px;}
    .rpvTbl.tbl.noticeTbl td:nth-of-type(2){width:calc(100% - 16px - 12px); overflow: hidden; font-size:13px; margin-bottom:10px;}
    .rpvTbl.tbl.noticeTbl td:nth-of-type(2) a p{white-space:nowrap; overflow:hidden; text-overflow: ellipsis; max-width:none; font-size:13px; }
    .rpvTbl.tbl.noticeTbl td:nth-of-type(2) a{max-width:100%; font-size:13px;}
    .rpvTbl.tbl.noticeTbl td .view{display:flex; align-items: center; font-size:12px; font-weight:200;}
    .rpvTbl.tbl.noticeTbl td:nth-of-type(1){order:-6; width:16px;}
    .rpvTbl.tbl.noticeTbl td:nth-of-type(2){order:-5;}
    .rpvTbl.tbl.noticeTbl td:nth-of-type(3){order:-4;}
    .rpvTbl.tbl.noticeTbl td:nth-of-type(4){order:-2;}
    .rpvTbl.tbl.noticeTbl td:nth-of-type(5){order:-5; font-weight:300; font-size:12px; margin-left:28px; margin-right:auto;}
    .rpvTbl.tbl.noticeTbl td .view::before{content:""; display:block; width:14px; height:14px; background:url("../img/icon_view.svg")center center no-repeat; background-size:100%;}
    .rpvTbl.tbl.noticeTbl td .good::before{width:14px; height:14px; margin-right:0px;}
    .rpvTbl.tbl.noticeTbl td .view,.rpvTbl.tbl.noticeTbl td .good{font-size:13px; font-weight:300;}
    .rpvTbl.tbl.noticeTbl td .view{margin-left:18px;}
    .board .boardList a.boardF .imgBox img{object-fit:unset; width:100%; height:100%;}
    .board .boardList{grid-template-columns: repeat(1, 1fr); gap:20px 0px;}
    .board .boardList > a{width:100%;}
    .board .boardList > a .imgBox{margin-bottom:12px;}
    .board .boardList > a .textBox p{font-size:13px; padding:2px 8px;}
    .board .boardList > a .textBox strong{font-size:14px; margin-top:4px;}

    .boardDetail h3{padding:18px 20px; flex-direction: column; align-items: start; font-size:18px; gap:8px 0px;}
    .boardDetail h3 .goodBtn{margin-left:0px; padding:4.5px 8px;}
    .boardDetail h3 .goodBtn span{font-size:11px;}
    .boardDetail h3 .goodBtn span:nth-of-type(1)::after{width:14px; height:14px;}
    .boardDetail .boardDetailInfo{padding:15.5px 10px; overflow-x:auto;}
    .boardDetail .boardDetailInfo ul{gap:0px 12px;}
    .boardDetail .boardDetailInfo ul li{font-size:12px;}
    .boardDetail .boardDetailInfo ul li span,.boardDetail .boardDetailInfo ul li p{font-size:12px;}
    .boardDetail .boardDetailInfo ul li.link a{font-size:12px; gap:0px 4px; padding:0px 8px; height:25px;}
    .boardDetail .boardDetailInfo ul li.link a::after{width:10px; height:10px;}
    .boardDetail .boardDetailFile{padding:14px; flex-direction: column; gap:12px 0px;}
    .boardDetail .boardDetailFile ol li{flex-wrap:wrap;}
    .boardDetail .boardDetailFile ol li p{width:100%; font-size:12px; margin-bottom:4px;}
    .boardDetail .boardDetailFile ol li p i{font-size:11px;}
    .boardDetail .boardDetailFile ol li a{font-size:11px; gap:0px 4px; padding:6px 8px; margin-left: 8px;}
    .boardDetail .boardDetailFile ol li a::after{width:10px; height:10px;}
    .boardDetail .boardDetailFile ol li a:nth-of-type(1){margin-left:auto; }
    .boardDetail .commentArea{padding:20px 12px;}
    .boardDetail .commentArea h4{font-size:18px; gap:0px 7px;}
    .boardDetail .commentArea h4 span{font-size:12px; padding:3px;}
    .boardDetail .commentArea h4 span::before{width:7px; height:7px; left:-2px; }
    .boardDetail .commentArea ol li.write{padding:14px;}
    .boardDetail .commentArea ol li .commentText p{font-size:12px;}
    .boardDetail .commentArea ol li .commentText .textValue{font-size:11px;}
    .boardDetail .commentArea ol li.write .comment textarea,
    .boardDetail .commentArea ol li.cmnt-list .comment textarea{font-size:12px;}
    .boardDetail .commentArea ol li.write .comment button{margin-top:12px; padding:6px 8px;font-size:11px;}
    .boardDetail .commentArea ol li .comment p{font-size:12px;}
    .btn{font-size:11px; padding:6px 8px;}
    .paging li:not(.prev,.next,.first,.last) a{width:28px; height:28px; font-size:12px;}
    .paging .prev a, .paging .next a, .paging .first a, .paging .last a{width:18px; height:18px;}
    .boardMove{margin-top:50px;}
    .boardMove a{font-size:13px; gap:0px 6px;}
    .boardMove a::before,.boardMove a::after{width:13px; height:13px;}
    .boardMove a:nth-of-type(2){padding:10px 14px;}

    .checkWrap{margin-top:-32px;}
    .pcHIdden{display:block;}
    .question{padding:40px 16px;}
    .question .questionArea{width:100%; padding:20px;}
    .question .questionArea h3{font-size:14px; gap:12px 0px;}
    .question .questionArea h3 strong{font-size:18px;}
    .question .questionArea p{font-size:14px;}
    .question .questionArea .questionGrade{margin:20px 0px;}
    .question .questionArea .questionList label{padding:14px 18px; gap:0px 12px; font-size:14px;}
    .question .questionArea .questionList input + label::Before{min-width:24px; min-height:24px; max-width:24px; max-height:24px;}
    .question .questionArea .questionList input[type="checkbox"],
    .question .questionArea .questionList input[type="radio"]{left:18px; min-width:24px; min-height:24px; }
    .question .questionArea .questionList{margin-bottom:20px;}
    .question .questionArea .questionList.ox{gap:0px 8px;}
    .question .questionArea .questionBtn li a{font-size:14px; height:40px; width:80px; }
    .question .questionArea .questionBtn{gap:0px 12px;}

    .mbtiResult{width:100%; padding:20px; margin-bottom:12px;}
    .mbtiResult::before{width:calc(100% - 4px);}
    .resultSubtitle{margin-bottom:8px;}
    .mbtiResult .resultBox{padding:20px 0px; margin-bottom:8px;}
    .mbtiResult .resultBox strong{width:116px; height:40px; margin:0 auto 8px;}
    .mbtiResult .resultBox p{font-size:14px;}
    .mbtiResult .resultPoint, .mbtiResult .resultPoint span{font-size:14px;}
    .mbtiResultExpBox1,.mbtiResultExpBox2{width:100%; padding:20px;}
    .mbtiResultExpBox1 > div strong{font-size:14px;}
    .mbtiResultExpBox1 > div ul li,.mbtiResultExpBox1 > div p{font-size:13px;}
    .mbtiResultExpBox1 > div:not(:nth-last-of-type(1)){margin-bottom:12px;}
    .mbtiResultExpBox2 .mbtiBox{gap:0px 12px; padding:12px;}
    .mbtiResultExpBox2 .mbtiBox > p span{font-size:20px;}
    .mbtiResultExpBox2 .mbtiBox > p{font-size:13px; gap:2px 0px; padding:8px;}
    .mbtiResultExpBox2 .mbtiBox > div strong{font-size: 14px;}
    .mbtiResultExpBox2 .mbtiBox > div p{font-size:13px;}
    .mbtiResultBtn li a,  .resultBtn li a{font-size:14px; height:40px; width:80px; }
    .mbtiResultBtn,.resultBtn{gap:0px 12px; width:100%; margin-top:32px; }

    .diagResult{margin-top:-32px;  padding:32px 16px;}
    .resultTotal{width:100%; padding:20px; }
    .resultTotal .levelBox{padding:20px 0px; margin-bottom:18px;}
    .resultTotal .levelBox .lv{font-size:40px;}
    .resultTotal .levelBox strong{font-size:16px;}
    .resultTotal .levelBox .lv i{width:58px; height:58px; font-size:40px;}
    .dbBox .resultTotal .levelBox .lv{font-size:32px;}
    .resultTotal .levelBox .lv.point i{padding:0px 20px;}
    .dbBox .resultTotal .levelBox .lv em{font-size:26px;}
    .resultTotal .levelBox span,.resultTotal .levelBox span em{font-size:18px;}
    .resultTotal .levelBox span{height:30px; padding:2px 12px;}
    .resultTotal > p{font-size:14px;}
    .resultTotal > p::After{width:18px; height:18px;}

    .resultRecord{width:100%; padding:20px; }
    .resultRecord .recordList{gap:12px;}
    .resultRecord .recordList li{width:calc(20% - 11px); font-size:13px;}
    .resultRecord .recordList li em{font-size:15px;}


    .resultExp{width:100%; padding:20px; }
    .questionExp em{width:22px; height:22px; font-size:13px;}
    .questionExp p{font-size:16px;}
    .questionExp span{margin-left:32px; font-size:14px; line-height:160%;}
    .resultExp .correctText{margin-top:8px; padding:9px 10px; font-size:13px;}
    .answerList{margin-top:18px; gap:8px 0px; }
    .answerList label{padding:8px; gap:0px 12px; font-size:15px;}
    .answerList input + label span{margin-right:8px; padding:4px 8px; font-size:13px; margin-right:0px;}
    .answerList input + label::Before{min-width:24px; max-height:24px;}
    .arrowTab{display:none;}

    .goHome{margin:32px auto; width:80px; line-height:41px; font-size:14px; }
    .grdBg{background:#F8F9FC  url("../img/mb_grd.svg")top center no-repeat; background-size:100%; padding:50px 16px 0px;}
    .introBox{width:100%; padding:50px 20px 0px;}
    .introBox h3{font-size:32px; margin-bottom:20px;}
    .introBox h3 span{font-size:14px;}
    .introBox p{font-size:15px;}
    .introBox::after{width:50%;  background-size:100%; position:relative; left:50%; min-height:150px; background-size:100% 100%;}
    .financialBox{padding:20px; width:100%; margin:0 auto 12px;}
    .financialBox table.responsive colgroup{display:none;}
    .financialBox table.responsive,
    .financialBox table.responsive tr,
    .financialBox table.responsive tbody{display:flex; flex-direction: column;}
    .financialBox .counselStep{gap:12px 34px;}
    .financialBox .counselStep li em{font-size:11px;}
    .financialBox .counselStep li{width:calc(50% - 30px); font-size:13px;}
    .financialBox table.responsive th{font-size:13px;}
    .financialBox .counselStep li{padding:12px 0px;}
    .financialBox .counselStep li::Before{width:32px; height:32px; margin-bottom:8px; background-size:16px !important;}
    .financialBox .counselStep li:not(:nth-last-of-type(1))::after{width:18px; height:18px; right:-9px; }
    .financialBox table.responsive tr:not(:nth-last-of-type(1):nth-of-type(1)) th {padding:0px; margin-bottom:4px;}
    .financialBox table.responsive tr:not(:nth-last-of-type(1):nth-of-type(1)) td{padding:0px 0px 14px; margin-bottom:14px;}
    .financialBox table.responsive tr td, .financialBox table.responsive tr td span{font-size:14px;}
    .financialBox table.responsive tr td p.warning,.financialBox table.responsive + p.warning,section.content p.warning{padding:8px; font-size:12px; gap:0px 6px;}
    .financialBox table.responsive tr td p.warning::Before,.financialBox table.responsive + p.warning::Before,section.content p.warning::before {min-width:14px; min-height:14px; width:14px; height:14px;}
    .financialBox table.responsive tr td em,.writeForm tr em.lt{font-size:11px; padding:2px 4px;}
    .financialBox table.responsive tr td em.widthFix{width:57px; padding:2px 0px; min-width:57px;}
    .financialBox table.responsive tr td span{align-items: start;}
    .fncBtn{width:100%; gap:0px 14px; margin:32px auto;}
    .fncBtn li{flex:1;}
    .fncBtn li a{height:40px; width:auto; font-size:14px; width:100%;}
    .write{height:fit-content;}
    .writeTbl colgroup{display:none;}
    .reportTitle{padding:20px; font-size:13px; margin-bottom:20px;}
    .writeTbl,.writeTbl tbody,.writeTbl tr{display:block}
    .writeTbl td,.writeTbl th{display:flex; flex-direction: column; min-height: fit-content;}
    .writeTbl th{height:38px; font-size:12px; align-items: center; flex-direction: row; padding-left:12px;}
    .writeTbl th label{font-size:12px;}
    .writeTbl td{padding:12px; height:fit-content;}
    .writeTbl select{width:100%; font-size:13px; border-radius:2px;}
    .writeTbl .phoneNumber{flex-wrap:wrap; gap:12px 8px;}
    .writeTbl .phoneNumber select,.writeTbl .phoneNumber input[type=text]{width:calc(33% - 14px); padding:0px 10px; height:42px;}
    .reportTitle::before{display:none;}
    .writeTbl .phoneNumber a{width:100%; justify-content: center;}
    .writeTbl .cerfNum input[type=text]{flex:1;}
    .writeTbl textarea{margin:0px; font-size:13px;}
    .writeTbl .warning{margin-top: 33px; position:relative; font-size:12px;}
    .writeTbl .warning span{font-size:16px; position:absolute; right: 10px; top:-24px;}
    .writeTbl .cerfNum a{width:fit-content; font-size:12px; margin-left:auto; height: auto;}
    .write .cerfNum > time{display:none;}
    .write .cerfNum .cerfInpbox time{display:block; font-size:11px; margin-top:4px;}
    .writeTbl .cerfNum{gap:0px 8px;}
    .write .cerfNum {align-items: stretch;}
    .write .cerfNum .cerfInpbox input{min-height:42px;}
    .write .cerfNum .cerfInpbox{flex:1; display:flex; flex-direction: column;}
    .write .cerfNum .cerfInpbox input{width:100%;}
    .write > ul{margin-top:20px;}
    .write > ul li a{font-size:13px; height:36px;}


    .consArea{padding:32px 16px;}
    .consRecord{width:100%; padding:20px; margin-bottom:32px;}
    .consTitle{font-size:16px; margin-bottom:8px; padding:0px 12px;}
    .boxTitle{font-size:13px; margin-bottom:10px;}
    .boxTitle.type2{font-size:13px;}
    .boxTitle p{font-size:11px;}
    .expTable colgroup{display:none;}
    .bigAgree{align-items: start; padding:18px 12px; height:auto;}
    .bigAgree label{font-size:14px;}
    .bigAgree input{width:18px; min-width:18px; aspect-ratio: 1/1;}
    .expTable,.expTable tbody{display:block;}
    .expTable tr{display:flex; flex-direction:column;}
    .expTable tr th,.expTable tr td{padding:10px; font-size:11px;}
    .expTable tr td ul li{flex-wrap:nowrap; font-size:11px;}
    .yonText{font-size:12px; margin-top:10px;}
    .yon{margin-top:16.5px;}
    .yon li input[type=radio]{width:18px; height:18px;}
    .yon li{font-size:14px; gap:0px 0.5px; align-items: center;}
    .writeForm colgroup{display:none;}
    .writeForm,.writeForm tbody{display:block;}
    .writeForm tr{display:flex; flex-direction:column;}
    .writeForm tr:not(:nth-last-of-type(1)) th{border-bottom:0px; padding-bottom:4px; font-size:13px;}
    .writeForm tr:not(:nth-last-of-type(1)) td{padding-bottom:14px;}
    .writeForm tr:not(:nth-of-type(1)) th {padding-top:14px;}
    .writeForm tr:not(:nth-of-type(1)) td{padding-top:0px;}
    .writeForm td{font-size:14px;}
    .writeForm tr th,.writeForm tr th p{font-size:14px;}
    .writeForm tr th em{font-size:11px;}
    .opnList li{font-size:14px; flex-wrap:wrap; gap:4px 0px;}
    .opnList li span{margin-left:0px; font-size:13px;}
    .opnList li a{font-size:14px; padding:8px;}
    .inputList{gap:8px 12px;}
    .inputList li input{width:18px; height:18px;}
    .inputList li label{font-size:14px;}
    .inputList li{gap:0px 3px;}
    .listExp{font-size:11px; margin-top:5px; }
    .writeForm textarea{margin-top:4px; font-size:12px;}
    .writeForm textarea + p{font-size:11px; margin-top:4px;}
    .consBtn{width:100%; gap:0px 12px;}
    .consBtn li a{height:41px; width:80px; font-size:14px;}
    .consBtn li.next a{width:100%;}
    .consBtn li.next{flex:1;}
    .consTitle{width:100%;}

    .linkList{margin-top:32px; flex-direction: column;gap:12px 0px;}
    .linkList li{padding:16px; gap:0px 8px; width:100%;}
    .linkList li div p{font-size:13px;}
    .linkList li div span{font-size:11px;}
    .linkList li div a{padding:6px 8px; font-size:11px; gap:0px 4px;}

    .expTxt{flex-direction: column; }
    .ytsIntro::after{top:0px; aspect-ratio:439/330; min-height:0px;}
    .expTxt strong{font-size:15px;}
    .expTxt div p,.expTxt div p span,.expTxt div ul li,.expTxt div span{font-size:14px;}
    .expReview{margin-top:16px; padding:20px 13px 40px; display:Flex; flex-direction: column; gap:30px 0px; height:auto;}
    .expReview p{max-width:70vw; position:relative; left:unset !important; top:unset !important; right:unset !important;}
    .expReview p:nth-of-type(even){margin-left:auto;}
    .expReview p:nth-last-of-type(1){margin:0px auto;}
    .ytsExp{padding:0px 20px 20px; width:calc(100% + 40px); margin-left:-20px;}
    .reviewTitle{margin:20px 0px 18px;}

    .classList{gap:14px 0px;}
    .classList > li{flex-direction: column;}
    .classList > li .status{font-size:12px; margin:0px 0px 12px 0px; border-radius:0px; width:100%; height:auto; padding:10px 0px;}
    .classList > li > div{padding:0px 12px 10px; gap:4px 0px;}
    .classList > li > div p{flex-direction: column; gap:4px 0px; align-items: start; font-size:15px;}
    .classList > li > div p em{font-size:12px; }
    .classList > li > div ul{flex-direction: column; gap:4px 0px; align-items: start;}
    .classList > li > div ul li{font-size:13px;}
    .classList > li > div ul li span{font-size:13px;}
    .classList > li a{margin-left:0px;  border-left:0px; border-top:1px solid #e6e6e6; padding:10px 0px; justify-content: center;}
    .classList > li.noClass{font-size:13px;}
    .classList > li.noClass::before{width:24px; height:24px; background-size:9px;}

    .tbintb{margin-top:8px;}
    .tbintb colgroup,.tbintb thead{display:none;}
    .tbintb tr td{padding:0px !important; margin:0px !important; border:0px !important; text-align: left; justify-content: start; display:flex; align-items: center; font-size:12px;}
    .financialBox table.responsive td .tbintb tr td i{display:block; text-align: left; margin-right:4px;}
    .financialBox table.responsive td .tbintb tr td em{margin-left:0px;}
    .tbintb tr{display:flex; gap:4px 0px; border-bottom:1px solid #DDD; padding:12px 12px;}
    .yellowCard{padding:20px; border:2px solid #FFE448; width:100%; margin-bottom:32px;}
    .yellowCard div strong,.yellowCard div p,.yellowCard div span,.yellowCard div span label{font-size:13px; line-height:160%;}
    .yellowCard::before{display:none;}
    .yellowCard div span input[type=checkbox]{width:18px; height:18px;}
    .noticeBox{padding:20px; border:2px solid #146AE2; width:100%; margin-bottom:32px;}
    .noticeBox div strong,.noticeBox div p,.noticeBox div span,.noticeBox div span label{font-size:13px; line-height:160%;}
    .noticeBox div p{margin-top:8px;}
    .noticeBox::before{display:none;}
    .writeForm.subForm tr:nth-of-type(1) th{padding-top:12px;}
    .writeForm.subForm tr:nth-of-type(1) td{padding-top:4px; padding-bottom:12px;}
    .writeForm.subForm tr td .classInfo{flex-direction: column; gap:6px 0px; align-items: start;}
    .writeForm.su bForm tr td .classInfo li{font-size:13px; gap:0px 8px;}
    .writeForm.subForm tr td .classInfo li span{font-size:11px; gap:0px 2px; min-width:100px;}
    .writeForm.subForm tr td .classInfo li::Before{width:14px; height:14px;}
    .writeForm.subForm tr td .classInfo li{font-size:13px; align-items: start}
    .writeForm tr em.lt{margin-left:0px; padding:4px 8px;}
    .ytcListWrap{width:100%;}
    .ytcList{grid-template-columns: repeat(1,1fr); gap:20px; padding-right:20px; padding-left:4px;}
    .ytcList > li{padding-top:18px;}
    .ytcList > li .infomation{margin:0px 18px 8px;}
    .ytcList > li > strong{margin:0px 18px; font-size:20px; }
    .ytcList > li .infomation > span.type.online{font-size:11px;}
    .ytcList > li > ul{margin:12px 18px 20px; gap:8px 0px;}
    .ytcList > li > ul li span, .ytcList > li > ul li p{font-size:12px;}
    .ytcList > li > ul li p{width:80px; min-width:80px;}
    .ytcList > li > a{padding:12px 0px; font-size:12px;}

    .icons > li a{width:18px; height:18px;}
    .icons li.share.on .shareList{padding:4px 4px; gap:0px 4px;}
    .consTitle .expIcon.on div{font-size:11px;}
    .dashboard .dashboardContent .dbBox > strong .tooltip > a + .tooltipContent.on{max-width:95vw; font-size:11px; right:unset; left:50%; transform:translateX(-50%); white-space:normal;}
    .dashboard .dashboardContent .dbBox > strong .tooltip > a + .tooltipContent a{width:16px; height:16px; min-width:16px; min-height:16px; aspect-ratio:1/1;}
    .icons > li.share > .shareList li a{width:18px; height:18px;}
    .consTitle .expIcon{position:unset;}
    .dashboard .dashboardContent .dbBox > strong{position:relative;}
    .consTitle .expIcon.on div a{width:18px; height:18px; background-size:9px;}
    .dashboard .dashboardContent .dbBox > strong .tooltip{position:unset;}
    .consTitle .expIcon div::before{display:none;}

    .coupon input{width:63px; height:110px;}
    .coupon div strong{font-size:18px;}
    .coupon div p{font-size:11px;}
    .coupon div span{font-size:11px; margin-top:6px;}

    .diagTitle{font-size:13px; display:block; text-align:center; margin-bottom:12px;}
    .diagList{gap:12px 0px; width:100%;}
    .diagList li{padding:14px 20px;}
    .diagList li::Before{width: 40px; height:40px; background-size:50% !important; margin-right:12px;}
    .diagList li strong label{font-size:16px; gap:0px 4px;}
    .diagList li strong label span{font-size:11px;}
    .diagList li strong p{font-size:11px; width:80%; word-break:keep-all;}
    .diagList li strong p br{display:none;}
    .diagList li input{padding:8px; font-size:16px; width:80px;}
    .diagList li p{font-size:12px;}

    .eduLoc{flex-direction: column; align-items: start; gap:8px 0px;}
    .eduLoc p span,.eduLoc p{font-size:13px;}
    .eduLoc p span::before{width:16px; height:16px;}
    .financialBox table.responsive td p.yCard{font-size:14px;}
    .financialBox h4{font-size:20px;}
    .h4Exp li::before{min-width:5px; min-height:5px; margin:5px 7px;}
    .h4Exp li{font-size:13px; align-items: start;}
    .linkList.type2{margin-top:12px; }
    .appList{margin-top:8px; padding:18px 0px; gap:12px 0px;}
    .appList > a{height:auto; flex-direction: column; align-items: start;}
    .appList a > span{font-size:13px; padding:4px 8px; margin-bottom:12px;}
    .appList a > strong{font-size:16px; margin-bottom:8px; white-space:wrap;}
    .appList a > time{align-items: start; font-size:13px; margin-left:0px; max-width:100%;}
    .appList a > time em{font-size:13px; }
    .appList a > time em::after{display:none;}
    .dashboard{width:100%;}
    .dashboard .content{flex-direction: column; gap:20px 0px; width:100%;}
    .dashboard aside{width:100%;}
    .dashboard aside > div{padding:23.5px 20px;}
    .dashboard aside > div.user{flex-direction: row;}
    .dashboard aside > div.user strong{font-size:16px; width:73px;}
    .dashboard aside > div.user p{margin-left:auto; width:auto; font-size:13px; padding:12px 8px;}
    .dashboard aside > div.user p span{font-size:15px;}
    .dashboard aside > div.user p > a{padding:6px 8px; font-size:11px; gap:0px 4px; margin-left:12px;}
    .dashboard aside > div.hashtag{display:none;}
    .dashboard aside > div.myDb{gap:0px;}
    .dashboard aside > div.myDb:not(.on) li.on a{display:flex; align-items: center; background:#fff; font-size:12px; font-weight:600;}
    .dashboard aside > div.myDb{padding:0px; border-radius:2px; border:2px solid #146AE2; box-shadow:0px 4px 12px 1px rgba(20, 106, 226, 0.2);}
    .dashboard aside > div.myDb:not(.on) li.on a::after{content:""; display:block; margin-left:auto; font-size:0px; background:url("../img/db_on.svg")center center no-repeat; background-size:100%;  width:18px; height:18px;}
    .dashboard aside > div.myDb ul li{display:none;}
    .dashboard aside > div.myDb ul li.on{display:block;}
    .dashboard aside > div.myDb.on{padding:15px; border-radius:10px; gap:8px 0px;}
    .dashboard aside > div.myDb.on ul li{display:block; font-size:12px;}
    .dashboard aside > div.myDb li.on a,.dashboard aside > div.myDb ul li a{font-size:12px;}
    .dashboard aside > div.myDb.on a.close{display:block; width:30px; height:30px; aspect-ratio: 1/1; background:url("../img/nav-close.svg")center center no-repeat; margin-left:auto; background-size:100%; font-size:0px;}
    .dashboard aside > div.myDb ul{gap:4px 0px;}

    .dashboard .dashboardContent{max-width:100%;}
    .dashboard .dashboardContent .dbBox{padding:16px;}
    .dashboard .dashboardContent .dbBox > strong{font-size:16px; margin-bottom:10px; }
    .dashboard .dashboardContent .dbBox > strong > span{font-size:12px;}
    .dashboard .dashboardContent .dbBox .graphBox{padding:12px;}
    .dashboard .dashboardContent .dbBox .graphBox > strong{font-size:16px;}
    .dashboard .dashboardContent .dbBox .graphTable thead th{height:35px; font-size:11px;}
    .dashboard .dashboardContent .dbBox .graphTable tbody td,
    .dashboard .dashboardContent .dbBox .graphTable tbody th{font-size:12px;}
    .dashboard .dashboardContent .dbBox .grandslam{flex-direction: column; align-items: stretch;}
    .dashboard .dashboardContent .dbBox .grandslam .crown{flex-direction: row; padding:1vw 0px 1vw 33px;}
    .dashboard .dashboardContent .dbBox .grandslam .crown .animationBox{width:32vw; height:32vw;}
    .dashboard .dashboardContent .dbBox .grandslam .crown .textBox{text-align:left;}
    .dashboard .dashboardContent .dbBox .grandslam .crown p{font-size:18px;}
    .dashboard .dashboardContent .dbBox .grandslam .crown span{padding:4px 8px; font-size:12px;}
    .dashboard .dashboardContent .dbBox .grandslam{gap:12px 0px;}
    .dashboard .dashboardContent .dbBox .grandslam ul li{flex-wrap:wrap; gap:10px 2px;}
    .dashboard .dashboardContent .dbBox .grandslam ul li p{  width:100%; flex-direction: row; gap:0px 2px; font-size:12px; align-items: center;}
    .dashboard .dashboardContent .dbBox .grandslam ul li > div.perc{height:12px; width:calc(100% - 40px); }
    .dashboard .dashboardContent .dbBox .grandslam ul li strong{width:35px; font-size:12px; margin-left:2px; text-align:right;}
    .dashboard .dashboardContent .dbBox .grandslam + span{font-size:11px;}
    .dashboard .dashboardContent .dbBox .monthClass{gap:0px 12px; margin-bottom:20px;}
    .dashboard .dashboardContent .dbBox .monthClass li{padding:12px; gap:4px 0px;}
    .dashboard .dashboardContent .dbBox .monthClass li p{font-size:13px;}
    .dashboard .dashboardContent .dbBox .monthClass li strong{font-size:28px;}
    .dashboard .dashboardContent .dbBox .scheduleList{flex-direction: column; gap:10px 0px;}
    .dashboard .dashboardContent .dbBox .scheduleList .calBox{width:100%;}
    .dashboard .dashboardContent .dbBox .scheduleList .calBox strong{font-size:15px;}
    .dashboard .dashboardContent .dbBox .scheduleList .calBox strong ul li{font-size:11px;}
    .dashboard .dashboardContent .dbBox .scheduleList .calBox strong ul li::Before{width:10px; height:10px;}
    .dashboard .dashboardContent .dbBox .scheduleList .calBox .calendar a{height:auto; aspect-ratio: 1 / 1;}
    .dashboard .dashboardContent .dbBox .scheduleList .calBox .calendar{gap:5px;}
    .dashboard .dashboardContent .dbBox .scheduleList .calBox .calendar a,
    .dashboard .dashboardContent .dbBox .scheduleList .calBox .calendar .date_area{font-size:11px;}
    .dashboard .dashboardContent .dbBox .scheduleList .listBox > strong{font-size:13px; margin-bottom:8px;}
    .dashboard .dashboardContent .dbBox .myInfo{padding:0px; border-radius:0px; border:0px; margin-top:12px;}
    .dashboard .dashboardContent .dbBox .myInfo table tr{display:flex; flex-direction:column; gap:4px 0px; padding:14px 0px; border-bottom:1px solid #F2F2F2;}
    .dashboard .dashboardContent .dbBox .myInfo table tr th,
    .dashboard .dashboardContent .dbBox .myInfo table tr td{display:block; padding:0px !important; border-bottom:0px !Important;}
    .dashboard .dashboardContent .dbBox .myInfo table tr th{font-size:13px;}
    .dashboard .dashboardContent .dbBox .myInfo table tr td{font-size:14px;}
    .dashboard .dashboardContent .dbBox .myInfoAgree{padding:18px;}
    .dashboard .dashboardContent .dbBox .myInfoAgree strong{gap:4.5px 0px; padding-bottom:10px; font-size:15px; flex-direction:column; align-items: start}
    .dashboard .dashboardContent .dbBox .myInfoAgree strong em{margin-left:0px;}
    .dashboard .dashboardContent .dbBox .myInfoAgree strong label{font-size:14px;}
    .dashboard .dashboardContent .dbBox .myInfoAgree strong input[type=checkbox]{width:18px; height:18px;}
    .dashboard .dashboardContent .dbBox .myInfoAgree p{padding:10px 10px; font-size:12px;}
    .dashboard .dashboardContent .dbBox .myInfoAgree span{font-size:12px; gap:0px 8px; align-items: start; padding:8px;}
    .dashboard .dashboardContent .dbBox .myInfoAgree span::before{min-width:14px; min-height:14px; width:14px; height:14px; position:relative; top:2px;}
    .dashboard .dashboardContent .dbBox .myInfo + span{margin:14px auto; text-align:center; font-size:14px;}
    .dashboard .dashboardContent .dbBox .myInfoBtn li a{line-height:36px; font-size:13px; margin-bottom:12px;}
    .dashboard .dashboardContent .dbBox .myInfoAgree p.agreeText{margin-top:10px; padding-top:10px; font-size:13px; padding-bottom:8px;}
    .dashboard .dashboardContent .dbBox .myInfoAgree ul{gap:0px 12px;}
    .dashboard .dashboardContent .dbBox .myInfoAgree ul li{font-size:14px;}
    .dashboard .dashboardContent .dbBox .myInfoAgree ul li input[type=radio]{width:18px; height:18px;}
    .dashboard .dashboardContent .dbBox .info{flex-direction: column; align-items: start;}
    .dashboard .dashboardContent .dbBox .info p{font-size:12px; gap:0px 4px;}
    .dashboard .dashboardContent .dbBox .info p::before{width:14px; height:14px;}
    .dashboard .dashboardContent .dbBox .info a{margin-top:4px; font-size:11px; margin-left:18px; padding:6px 8px;}
    .dashboard .dashboardContent .dbBox .info a::after{width:10px; height:10px;}
    .selectClassList > li{padding-top:10px;}
    .selectClassList > li .infomation > span{font-size:11px;}
    .selectClassList > li .infomation{margin:0px 12px 4px;}
    .selectClassList > li > strong{font-size:15px; margin:0px 12px;}
    .selectClassList > li > ul{margin:8px 12px 12px;}
    .selectClassList > li > ul li{font-size:11px;}
    .selectClassList > li > ul li p{font-size:11px; min-width:40px;}
    .dashboard .dashboardContent .dbBox .scheduleList .listBox{width:100%;}
    .dbBox .ytcList{gap:10px 0px;}
    .dbBox .ytcList > li{padding-top:14px;}
    .dbBox .ytcList > li .infomation{margin:0px 14px 8px;}
    .ytcList > li .infomation > span{font-size:11px;}
    .dbBox .ytcList > li > strong{margin:0px 14px; width:100%; max-width:calc(100vw - 120px);}
    .dbBox .ytcList > li > ul{margin:8px 14px 14px;}
    .dbBox .ytcList > li > span{padding:8px 0px; font-size:11px;}
    .board .boardList a.boardF .textBox p{font-size:11px;}
    .dbBox .board .boardList a.boardF .textBox strong{font-size:14px; margin-top:4px;}
    .dbBox .searchWrap ul{flex-wrap:wrap; gap:4px 0px;}
    .dbBox .searchWrap ul li:nth-of-type(1){width:fit-content;}
    .dbBox .searchWrap.noshow ul li:nth-of-type(1) p{width:fit-content;}
    .dbBox .searchWrap ul li:nth-of-type(1) p,
    .dbBox .searchWrap ul li:nth-of-type(1) p label{font-size:11px;}
    .dbBox .searchWrap ul li.selFull{width:100%;}
    .dbBox .searchWrap ul li select{margin-bottom:4px; width:100%; padding:0px 10px; height:40px; font-size:11px;}
    .dbBox .searchWrap ul li input[type=checkbox]{width:18px; height:18px; margin-right:3px; background-size:95%;}
    .dbBox .searchWrap ul li label{font-size:14px; margin-right:12px;}
    .dbBox .searchWrap.noshow li.num{margin-left:8px; padding:0px 10px; font-size:13px;}
    .dbBox .searchWrap.noshow li.warning{font-size:12px; gap:0px 2px; align-items: start}
    .dbBox .searchWrap.noshow li.warning::before{width:14px; height:14px; min-width:14px; min-height:14px;}
    .dashboard .dashboardContent .dbBox strong.total{font-size:12px;}
    .dashboard .dashboardContent .dbBox strong.total select{padding:0px 4px; background:url("../img/select.svg")center right 4px no-repeat;}
    .dashboard .dbBox .procedure{margin-top:18px; padding:18px;}
    .dashboard .dbBox .procedure strong{font-size:13px; margin-bottom:8px;}
    .dashboard .dbBox .procedure ul{flex-wrap:wrap; gap:6px 0px; display:grid; grid-template-columns: repeat(2,2fr);}
    .dashboard .dbBox .procedure ul li{display:flex; width:90%; align-items: center; flex-direction: row; font-size:11px; text-align:left;}
    .dashboard .dbBox .procedure ul li::Before{min-width:32px; min-height:32px; width:32px; height:32px; background-size:16px 16px !important; margin-right:4px;}
    .dashboard .dbBox .procedure ul li:not(:nth-last-of-type(1))::after{width:18px; height:18px; right:0px; top:50%; transform:translateY(-50%);}
    .process{gap:0px 12px;}
    .process .perc{min-width:20px;}
    .process .percList li::before{left:-30px;}
    .process .percList li.now::before{width:28px; height:28px; max-width:28px; max-height:28px; left:-40px;}
    .process .percList li{display:flex; flex-direction: column; align-items: start; padding:12px;}
    .process .percList li .left{gap:6px 0px; margin-bottom:8px;}
    .process .percList li .left > strong{font-size:14px;}
    .process .percList li .left > strong span{font-size:11px;}
    .process .percList li .left > p span{width:45px; font-size:11px;}
    .process .percList li > a{position:unset; font-size:11px; padding:6px 8px; gap:0px 4px; margin-bottom:8px;}
    .process .percList li .left > p{font-size:11px;}
    .process .percList li .right p{font-size:11px;}
    .process .percList li .right strong{flex-direction: row; gap:0px 2px; font-size:13px;}
    .process .percList li .right strong span{font-size:13px;}

    .report{margin-top:32px; padding:12px;}
    .report strong{font-size:18px; gap:0px 4px;}
    .report strong span{font-size:11px;}
    .report a{padding:8px 10px;font-size:12px;}
    .report a::after{width: 11px; height:11px;}

    .dashboard .dashboardContent .dbBox > strong > a.link{gap:0px 4px; font-size:11px; padding:8px;}

    .noResult{ height:344px; gap:10px 0px;}
    .noResult::before{width:24px; height:24px;}
    .dbBox .noResult p{font-size:15px;}
    .dbBox .searchWrap{padding: 12px 18px;}
    .dbBox .noResult a{font-size:13px; padding:10px 14px;}

    .dashboard .dashboardContent .dbBox > strong.total p{font-size:15px;}

    .fav{margin-bottom:18px; padding:12px 18px;}
    .fav strong{font-size:15px;}
    .switch{height:20px; width:32px;}
    .switch::before{width:16px; height:16px;}
    .switch.on::before{left:14px;}
    .fav > ul{width:100%; display:grid; grid-template-columns: repeat(3,3fr); gap:8px;}
    .fav > ul li a{padding:0px 8px; height:26px; font-size:13px; gap:0px 2px; white-space:nowrap; width: fit-content; margin:0 auto;}
    .fav > ul li a::Before{width:18px; height:18px;  background-size:9px 9px !important;}

    .dbBox > .warning::Before{min-width:14px; min-height:14px; width:14px; height:14px;}
    .dbBox > .warning{align-items: center; font-size:12px; padding:8px;}
    .dbBox .completion{flex-direction: column; gap:12px 0px;}
    .dbBox .completion .imgWrap img{max-width:100%;}
    .dbBox .completion .textWrap{width:100%; min-width:100%; min-height:375px;}
    .dbBox .completion .textWrap{padding:18px;}
    .dbBox .completion .textWrap strong{font-size:18px; margin-bottom:8px;}
    .dbBox .completion .textWrap ul{gap:8px 0px;}
    .dbBox .completion .textWrap > ul > li > p,
    .dbBox .completion .textWrap > ul > li > span,
    .dbBox .completion .textWrap .grade li{font-size:12px;}
    .dbBox .completion .textWrap .grade li::before{width:18px; height:18px; background-size:9px !important;}
    .dbBox .completion .textWrap .processWrap{padding:10px 12px;}
    .dbBox .completion .textWrap .processWrap p{font-size:12px;}
    .dbBox .completion .textWrap .processWrap p span{font-size:11px;}
    .dbBox .completion .textWrap .processWrap strong{font-size:12px; text-align:right;}

    .dbBox .ptcp{padding:20px; margin-bottom:12px;}
    .dbBox .paging{margin-top:18px;}
    .dbBox .ptcp > strong{ font-size:13px; gap:4px 0px;}
    .dbBox .ptcp > strong > span{font-size:12px; padding:2px 4px;}
    .dbBox .ptcp > strong > a{ padding:6px 8px;gap:0px 4px; font-size:11px;}
    .dbBox .ptcp > strong > a::after{width:10px; height:10px;}
    .dbBox .ptcp > strong p{font-size:11px; padding:2px 8px; gap:0px 2px; margin-left:0px;}
    .dbBox .ptcp table colgroup,.dbBox .ptcp table thead{display:none;}
    .dbBox .ptcp table tr,.dbBox .ptcp table tr thead{display:flex; flex-direction: column;}
    .dbBox .ptcp > table tbody{display:flex; flex-direction: column; position:relative; }
    .dbBox .ptcp > table tbody tr td,.dbBox .ptcp > table tbody tr th{border-bottom:0px;}
    .dbBox .ptcp > table tbody tr td{display:flex; align-items: center; padding:0px; color:#1A1A1A; font-weight:500;}
    .dbBox .ptcp > table tbody tr td:nth-last-of-type(1){font-size:0px; position:absolute; right:0px; top:16px;}
    .dbBox .ptcp > table tbody{position:relative;}
    .dbBox .ptcp > table tbody tr{gap:8px 0px;  border-bottom:1px solid #e6e6e6; padding:16px 0px;}
    .dbBox .ptcp > table tbody tr th{position:absolute; top:0px; left:0px; width:100%; background:#333880; display:flex; justify-content: center; font-size:13px; height:36px; align-items: center; color:#fff; }
    .dbBox .ptcp > table tbody tr td i{display:block;}
    .dbBox .ptcp > table tbody tr td{font-size:12px;}
    .dbBox .ptcp > table tbody tr td.stat{position:absolute; right:0px;}
    .dbBox .ptcp > table tbody tr td.stat i{display:none;}
    .dbBox .ptcp > table tbody tr td .end, .dbBox .ptcp > table tbody tr td .ing, .dbBox .ptcp > table tbody tr td .yet, .dbBox .ptcp > table tbody tr td .att{
        font-size:11px;
        padding:2px 4px;
        margin-right:12px;
    }
    .dbBox .ptcp .noData{height:100px; font-size:15px;}
    .prTitle{font-size:28px;}
    .prBox{font-size:13px; padding:20px;}

    .noPage strong{gap:8px 0px; font-size:16px;}
    .noPage p{font-size:13px; margin-bottom:2px;}
    .noPage a{padding:12px 16px; font-size:14px;}

    .research > h2{gap:8px 0px; font-size:20px; margin-bottom:8px;}
    .research > p{font-size:12px; margin-bottom:20px;}
    .research .questionWrap > strong{padding:14.5px 18px; font-size:13px;}
    .research .questionWrap > strong em{padding:2px 4px; font-size:11px;}
    .research .questionWrap{width:calc(100% - 32px); margin:0 auto 20px;  }
    .research .questionWrap > div > ol{gap:32px;}
    .research .questionWrap > div{padding:18px;}
    .research .questionWrap > div > ol > li{padding:8px 0px;}
    .research .questionWrap > div > ol > li strong span{font-size:11px;}
    .research .questionWrap > div > ol > li strong p,.research .questionWrap > div > ol > li strong p em{font-size:13px;}
    .research .questionWrap > div > ol > li ul{gap:8px;}
    .research .questionWrap > div > ol > li ul li label{padding:11px 34px; font-size:11px;}
    .research .questionWrap > div > ol > li ul li input[type=radio],
    .research .questionWrap > div > ol > li ul li input[type=checkbox]{width:16px; height:16px; top:9.5px; left:10px;}
    .research .questionWrap > div > ol > li ul.row{display:grid; grid-template-columns: repeat(2,2fr);}
    .research .questionWrap > div > ol > li ul.row li{width:100%;}
    .research .questionWrap > div > ol > li input[type=text], .research .questionWrap > div > ol > li textarea{padding:4px 10px; font-size:11px;}
    .research .questionWrap > div > ol > li .perc p{right:10px; font-size:11px;}
    .research .questionWrap > div > ol > li p.warning{font-size:11px;}

    .research > a{padding:12px 16px; font-size:14px; width:calc(100% - 32px); margin:0 auto;}
    .lvtblWrap table thead,.lvtblWrap table colgroup{display:none;}
    .lvtblWrap table tbody{position:relative;}
    .lvtblWrap table tbody tr th{position:absolute; left:0px;width:88px; height:100%; vertical-align: middle; display:flex; align-items: center; justify-content: center; font-size:14px;}
    .lvtblWrap table tbody tr{width:calc(100% - 88px); display:flex; flex-direction: column; margin-left:88px;   }
    .lvtblWrap table tbody tr td{height:auto; border-bottom:0px; text-align:left; padding-left:12px;}
    .lvtblWrap table tbody tr td:nth-of-type(1){padding-top:12px;}
    .lvtblWrap table tbody tr td:nth-last-of-type(1){padding-bottom:12px; border-bottom:1px solid #ddd;}
    .lvtblWrap table tbody td span{padding:4px; font-size:12px; margin-bottom:4px;}
    .lvtblWrap table tbody td p{font-size:14px; color:#333880; margin-bottom:8px;}
    .lvtblWrap table tbody td{font-size:12px;}
    .lvtblWrap table tbody tr td em{display:inline-block; width:55px; margin-bottom:8px;}
    .lvtblWrap table tbody tr td:nth-of-type(1) em{margin-bottom:0px;}

    .modal .popup{width:90%;}
    .modal .popup a.close{margin-right:12px; gap:0px 4px; font-size:12px; padding:8px 0px;}
    .modal .popup a.close::after{width:11px; height:11px;}
    .modal .popup > div,.modal .popup > div > div{padding:12px;}
    .modal .popup > div > strong{font-size:13px;}
    .modal .popup .expTable tr th{font-size:11px;}
    .modal .popup .yonText span{font-size:13px;}
    .modal .popup .yonText{font-size:12px;}
    .modal .popup .popupTitle{font-size:15px; padding-left:12px; height: 40px;}
    .yon li{gap:0px 2px;}
    .yon li label{font-size:14px;}
    .modal .yon li input[type=radio]{width:14px; height:14px;}
    .modal .popup > div > div > a,.modal .popup > div > a{font-size:12px; padding:8px 0px; margin-top:12px;}
    .boxsubTitle{font-size:16px;}
    .boxsubTitle2{font-size:13px;}
    .boxExptxt{font-size:11px; margin-top:4px; margin-bottom:18px;}
    .boxExptxt2{font-size:11px; margin-top:8px; margin-bottom:18px;}


    .introduce{min-height:0px;}
    .introduce article{width:100%; overflow:hidden;}
    .introduce article .textBox{width:100%; height:545px; justify-content: start; padding:87px 28px 0px;}
    .introduce.mission article .textBox{height:525px;}
    .introduce article .textBox h2 span{font-size:14px;}
    .introduce article .textBox h2{font-size:32px; gap:4px 0px;}
    .introduce.intro article .textBox::after{right:-75px; width:325px; height:345px; top:unset; bottom:0px; transform:unset;}
    .introduce article .textBox p, .introduce article .textBox p span{font-size:15px; margin-top:20px; z-index:2;}
    .introduce.mission article .textBox::after{position:unset; transform:unset; width:320px; height:230px; margin:20px auto 0px;}
    .introduce article .coreBox{width:calc(100% - 34px); margin:0 auto;}
    .introduce article .coreBox .core > span{margin:16px; padding:9px 12px; font-size:15px;}
    .introduce article .coreBox .core::before{width:calc(100% - 16px); height:calc(100% - 16px);}
    .introduce article .coreBox .box{padding:16px 0px; gap:2px   0px;}
    .introduce article .coreBox .box strong{font-size:14px;}
    .introduce article .coreBox .box p{font-size:11px;}
    .missionText{width:calc(100% - 30px); margin-top:80px; padding:10px 20px; font-size:12px;}
    .missionText::before{width:190px; height:94px;}
    .introProcess{flex-direction: column; margin:70px auto 20px; width:calc(100% - 30px);}
    .introProcess .ip1{display:none;}
    .introProcess > div.ip2{width:100%; padding:20px; gap:14px 0px;}
    .introProcess > div.ip2 > div::after{display:none;}
    .introProcess > div.ip2 > strong, .introProcess > div.ip3 > strong{padding:12px; font-size:15px;}
    .introProcess > div > div{height:auto; padding:12px 10px; gap:2px 0px;}
    .introProcess > div > div p{font-size:14px; text-align:center;}
    .introProcess > div > div i{font-size:12px; font-weight:500; margin-bottom:8px; display:block;}
    .introProcess > div.ip2{margin-bottom:44px; position:relative;}
    .introProcess > div.ip2::after{content:""; display:block; width:145px; height:60px; background:url("../img/union.svg")center center no-repeat; background-size:100%; bottom:0px; left:50%; position:absolute; transform:translateX(-50%) translateY(100%) rotate(180deg); z-index:-1;}
    .introProcess > div.ip3{z-index:-2;}
    .introProcess > div.ip2 > div i{color:#666;}
    .introProcess > div.ip3{padding:20px; gap:12px 0px;}
    .introProcess > div.ip3 > div i{color:#FFE448;}
    .introProcess > div.ip3 > div:nth-last-of-type(1){background:#0D3FA24D; padding:12px;}
    .introProcess > div.ip3 > div ul{gap:0px 4px;}
    .introProcess > div.ip3 > div ul li strong{font-size:13px; line-height:22px;}
    .introProcess > div.ip3 > div ul li{height:147px; border:1px solid #8CB4F433;}
    .introProcess > div.ip3 > div ul li p{line-height:130%;}
    .processText{margin-top:20px; width:calc(100% - 30px); padding:18px 0px; font-size:12px;}
    .goFaq{margin-top:36px; padding:40px 0px;}
    .writeForm td .fileBtn{margin-top:10px; font-size:14px; padding:6px 8px;}
    .goFaq > div{flex-direction: column; width:100%; align-items: center; justify-content: center; text-align: center; gap:24px 0px; font-size:15px;}
    .fileName{ gap:0px 4px; padding:6px 8px; margin-top:10px;}
    .fileName span{font-size:11px; max-width:50vw; }
    .fileName i{font-size:11px;}
    .writeForm td .fileBtn ~ .listExp{font-size:11px;}
    .fileName a{width:16px; height:16px; background:#333 url("../img/x-close.svg")center center no-repeat; font-size:0px; background-size:12px;}
    .introduce .coin2{display:none;}
}
@media screen and (max-width:1200px){
    .checkWrap{padding:40px 0px;}
    .checkWrap > p{width:100%; font-size:13px; font-weight:400;}
    .checkContent{width:100%; padding:0px 20px; flex-direction: column; gap:40px 0px; margin-top:32px;}
    .checkContent > div ol{flex-wrap:wrap; justify-content:center;}
    .checkContent > div::before{aspect-ratio: 527/325; height:auto; margin-bottom:20px;}
    .checkContent > div{padding:20px 20px 60px; width:100%; height:auto;}
    .checkContent > div strong{font-size:20px;}
    .checkContent > div p{font-size:12px; margin-bottom:12px;}
    .checkContent > div   ol li{font-size:12px;}
    .checkContent > div a{display:inline-flex; width:auto; height:auto; padding:10px 14px; font-size:13px; margin-top:25px;}
    .checkContent > div:nth-of-type(1){width:100%;}


    .expTable tr td > ul > li span{display:inline-flex; align-items: start; font-size:11px;}
    .expTable tr td > ul > li span em{white-space:nowrap;  font-size:11px;}
    .expTable tr td > ul > li span i{font-size:11px;}
    .expTable tr td ul li > div p{white-space:nowrap; font-size:11px;}
    .modal .videoPopup{width:95%;}
    .modal .videoPopup iframe{max-width:100%; height:auto; aspect-ratio: 16/9;}
}

main{width:100%;}

.ui-datepicker {padding:0px; box-shadow:0px 8px 16px 4px rgba(0,0,0,0.08); border-radius:12px; background:#fff; padding:20px; border:0px !important;}
.ui-datepicker .ui-datepicker-header{background:none; border:0px; display:flex; justify-content: space-between; flex-direction: row-reverse;}
.ui-datepicker .ui-datepicker-prev, .nav-arrows{display:flex; align-items: center; gap:0px 4px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position:unset; width:26px; height:26px; display:block; border-radius:4px; box-shadow:none;}
.ui-datepicker .ui-datepicker-prev{background:url("../img/chevron-left.svg")center center no-repeat; background-size:18px;}
.ui-datepicker .ui-datepicker-next{background:url("../img/chevron-left.svg")center center no-repeat; transform:rotate(180deg); background-size:18px;}
.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-next:focus,
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-prev:focus{background:url("../img/cal_arrow_left_hover.svg")center center no-repeat; border:0px; }
.ui-datepicker .ui-datepicker-title{margin:0px; font-size:16px; font-weight:600; color:#2A2A2A;}
.ui-helper-clearfix:before, .ui-helper-clearfix:after{display:none;}
.ui-datepicker table{margin-top:16px;}
.ui-datepicker th{padding:10px 8px; font-size:14px; width:40px;     height:40px; font-weight:600;}
.ui-datepicker table thead tr th:first-child span,.ui-datepicker table thead tr th:last-child span,.ui-datepicker-week-end:last-child{color:inherit;}
.ui-datepicker-other-month{opacity:1 !important; ;}
 .ui-widget-content .ui-datepicker-other-month .ui-state-default{color:#aaa;}
.ui-widget-content .ui-state-default{padding:0px; width:40px; height:40px; border-radius:50%; text-align:center; display:flex; align-items: center; justify-content: center; padding:0px; border:0px; background:none; transition-duration:0.2s; font-size:14px; font-weight:500;}
 .ui-widget-content a.ui-state-default{cursor:pointer; color:#444;}
 .ui-widget-content a.ui-state-default:hover,
.ui-widget-content a.ui-state-default:focus{color:#146AE2;}
 .ui-widget-content a.ui-state-default.ui-state-active{background:#146AE2; color:#fff !important;}
.ui-widget-content a.ui-state-default.ui-state-highlight{background:#FFE448; color:#111;}


.popupBody{padding: 40px 60px;}
.popupBody h3{display:flex; flex-direction: column; gap:4px 0px; font-size:32px; font-weight:500; color:#1a1a1a; line-height:160%; align-items: center; margin-bottom:24px;}
.popupBody h3 span{font-size:14px; color:#146ae2; font-weight:500; line-height:160%; padding:2px 8px; border-radius:100px; background:#F4F7FF;}
.popupBody .popupWrite{border-top:1px solid #146AE2;}
.popupBody .popupWrite th{background:#FAFAFA; font-size:16px; font-weight:500; color:#222; text-align:left; }
.popupBody .popupWrite th label{font-size:inherit; font-weight:inherit; color:inherit;}
.popupBody .popupWrite th,.popupBody .popupWrite td{padding:0px 20px; height:84px; border-bottom:1px solid #E6E6E6; vertical-align: middle;}
.popupBody .popupWrite td input{width:100%; height:44px; border-radius:4px; border:1px solid #ddd; box-shadow:0 4px 12px 1px rgba(20, 106, 226, 0.0); transition-duration:0.2s; outline:0px !important; padding-left:20px; color:#111; font-size:17px; font-weight:300; color:#111;}
.popupBody .popupWrite td input:focus{box-shadow:0 4px 12px 1px rgba(20, 106, 226, 0.20); border:1px solid #146AE2;}
.popupBody .popupWrite td .jumin{display:flex; gap:0px 12px; align-items: center; font-size:16px; font-weight:300; color:#666;}
.popupBody .popupWrite td .jumin input{text-align: center; padding-left:0px;}
.popupBody .popupWrite td .jumin input[type="password"]{color:#666; background:url("../img/mouse.svg")center right 16px no-repeat; }
.popupBody .consBtn{margin-top:24px;}
.popupBody .consBtn li a{font-size:18px; font-weight:500; width:120px; height:53px;}
.popupBody .consBtn li:nth-of-type(1) a{background:#F2F2F2; color:#1a1a1a; border:0px;}
.popupBody .consBtn li:nth-of-type(2) a{background:#146AE2; color:#fff; }

.user-info-btn {display: inline-block;background: #e53935;color: #fff !important;padding: 8px 20px;border: none;border-radius: 4px;text-decoration: none;font-size: 16px;font-weight: 500;text-align: center;cursor: pointer;transition: background 0.2s;margin-left: auto;}
.user-info-btn:hover {background: #b71c1c;}

.floatBtn{display:flex; flex-direction: column; gap:12px 0px; align-items: center; position:absolute; right:-200px; transition-duration:0.2s; z-index:2;}
.floatBtn li a{display:flex; flex-direction: column; align-items: center; justify-content: center;}
.floatBtn .reportBtn a{ gap:4px 0px; border-radius:50%; box-shadow: 0 4px 8px 4px rgba(0, 0, 0, 0.08); background:#5925DC; width:96px; height:96px;  color:#fff; font-weight:700; font-size:17px; line-height:120%;}
.floatBtn .reportBtn a::Before{content:""; display:block; width:20px; height:18px; background:url("../img/icon_report2.svg")center center no-repeat; background-size:100%; margin-bottom:4px;}
.floatBtn .goTop a{transform:scale(0);}
.floatBtn .goTop.on a{transform:scale(1); opacity:1;}
.floatBtn .goTop a{font-size:15px; color:#666; font-weight:500; line-height:150%; width:64px; background:#fff; height:64px; border-radius:12px; border:1px solid #ddd; box-shadow: 0 4px 8px 4px rgba(0, 0, 0, 0.08); transition-duration:0.2s; opacity:0;}
.floatBtn .goTop a::before{content:""; display:block; width:24px; height:24px; background:url("../img/gotop.svg")center center no-repeat; background-size:100%;}
.dashboardWrap{overflow-x:hidden;}

@media screen and (max-width:1500px){
    .floatBtn{right:-110px;}
}


@media screen and (max-width:768px){
    .floatBtn{display:none;}
    .popupBody .popupWrite td .jumin{flex-direction:column; padding:10px 0px;}
    .popupBody .popupWrite td input{font-size:13px;}

    .modal .popup .scrollArea p{font-size:12px;}
    .modal .popup .scrollArea .tdList li{font-size:12px; }
    .modal .popup .scrollArea .warning{align-items:start;}
    .modal .popup .scrollArea .warning::Before{position:relative; top:4px; width:14px; min-width:14px;}
    .modal .popup .scrollArea .warning b,.modal .popup .scrollArea .warning p{font-size:12px;}
    .modal .popup .scrollArea .warning b{display:inline;}
    .modal .popup .scrollArea .agreeText label{font-size:12px;}
    .modal .popup .scrollArea .agreeText input{width:14px; height:14px;}

}

.floatWrap{width:1200px; margin:0 auto; position:relative; max-width:100%;}

.popup .dbBox{background:#fff; border-radius:20px; padding:32px; box-shadow:0px 8px 16px 4px rgba(0,0,0,0.08);}
.popup .dbBox > strong{font-size:22px; font-weight:500; color:#0D3FA2; display:flex; align-items: center; margin-bottom:16px;}
.popup .dbBox .yonText{padding:32px; border-radius:20px; border:1px solid #D9DDF0;}

/* CKEditor 본문 보호 영역 */
.boardDetailText.ck-content,.boardDetailText.ck-content h1,.boardDetailText.ck-content h2,.boardDetailText.ck-content h3,.boardDetailText.ck-content h4,.boardDetailText.ck-content h5,.boardDetailText.ck-content h6,.boardDetailText.ck-content p,.boardDetailText.ck-content span,.boardDetailText.ck-content a,.boardDetailText.ck-content strong,.boardDetailText.ck-content em,.boardDetailText.ck-content u,.boardDetailText.ck-content s,.boardDetailText.ck-content ul,.boardDetailText.ck-content ol,.boardDetailText.ck-content li,.boardDetailText.ck-content blockquote,.boardDetailText.ck-content table,.boardDetailText.ck-content th,.boardDetailText.ck-content td,.boardDetailText.ck-content img {
	font-size: revert; font-weight: revert; font-style: revert; color: revert; line-height: revert; margin: revert; padding: revert; border: revert; list-style: revert; text-decoration: revert; text-align: revert; vertical-align: revert; }
/* CKEditor 본문 h 태그는 flex 제거 */
.boardDetailText.ck-content h1,.boardDetailText.ck-content h2,.boardDetailText.ck-content h3,.boardDetailText.ck-content h4,.boardDetailText.ck-content h5,.boardDetailText.ck-content h6 {
	display: block !important; align-items: normal !important;}
.boardDetail .boardDetailText{padding:60px 40px;}

/** 연간 교육일정 인쇄 */
@media print {
    header, .top, .gnb, .breadcrumb, .path, .location, .searchWrap, .tab, .icons .share, .icons .print, footer {display: none !important;}
    .content {margin: 0 !important;padding: 0 !important; width: 100% !important;}
    .lvtblWrap {width: 100% !important;}
    body {-webkit-print-color-adjust: exact; print-color-adjust: exact;}
    #class-list th.subject-cell {position: relative !important; padding: 0 !important;}
    #class-list th.subject-cell .subject-inner {position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 90%; text-align: center; line-height: 1.4; display: block !important;}
}

/** 맞춤재무상담후기 상세보기 */
 .boardDetailText {
     word-break: break-all;
     overflow-wrap: break-word;
     line-height: 1.8;
 }

.boardDetailText img {
    max-width: 100%;
    height: auto;
    display: block;
}