/*ver250221*/.content{max-width:1280px;margin:0 auto}
header,footer{padding:0 1.25rem}
.blind {overflow:hidden;position:absolute;width:0;height:0;margin:-1px;clip:rect(0, 0, 0, 0)}
.btn{display:inline-flex;justify-content:center;align-items:center;height:2.125rem;padding:0 1.0625rem;font-size:0.9375rem;color:#3e51ff;border:1px solid #3e51ff;border-radius:999px}
.btn>span{display:block;line-height:1}
.bg_blue{color:#fff;border-color:#2b308b;background-color:#2b308b}
.bg_gra {color:#fff !important;font-weight:600;border:none;background-color:#2b308b}
.bg_w{color:#2367cc;border-color:#fff;background-color:#fff}
header{background-color:#fff}
header > .content{display:flex;align-items:center;padding:17px 0}
header > .content .logo {margin-right:40px;line-height:1}
header > .content .logo a {display:block}
header > .content  .nav_area {display:flex;align-items:center;justify-content:flex-end;width:calc(100% - 190px)}
header > .content ul {display:flex;align-items:center}
header > .content ul a {line-height:1}
header > .content ul>li.active a{color:#2b308b;font-weight:700}
header > .content nav ul{gap:5rem}
header > .content nav ul li a{display:block}
header > .content .tool_box{gap:0.625rem}
header > .content .tool_box a{font-size:0.875rem}
header > .content .tool_box a.btn.line_btn{color:#2b308b}
.header .tool_box .btn{color:#2b308b;border-color:#2b308b}
.btn_area{display:flex;gap:1.5rem}
.btn_area .btn{height:4.625rem;width:15.4375rem;font-size:1.375rem}
.sec{padding:0 1.25rem}
.tit_box {padding:69px 0;text-align:center}
.tit_box p{color:#28253c;font-size:40px;line-height:48px;font-weight:500;letter-spacing:-0.025em}
.tit_box strong{display:inline-flex;margin:16px 0 48px;font-size:64px;letter-spacing:-0.025em;font-weight:700;line-height:76px}
.tit_box strong>span{display:inline-block;margin-left:16px;color:#2b308b;font-weight:600;line-height:76px}
.tit_box .btn_area {justify-content:center}
.online .tit_box {background:url(../images/title/tit_bg01.png) no-repeat 50% 50%/cover}
.online .tit_box strong{color:#3e51ff}
.test .tit_box {background:url(../images/title/tit_bg02.png) no-repeat 50% 50%/cover}
.tit_btn_area .btn{height:74px;width:247px;padding:0 20px;font-size:22px;font-weight:500}
.btn.line_btn{font-weight:600;border-color:#28253c;background-color:#fff}


/* 메인. */
.main .main_tit_box{overflow:hidden;padding:58px 20px 0;background: linear-gradient(180deg, #EFEFFF 0%, rgba(255, 255, 255, 0) 100%)}
.main .main_tit_box .content{max-width:1260px;margin:0 auto}
.main .main_tit_box .ani{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;}
.main .main_tit_box .ani .txt_box{/*position:absolute;*/left:0;height:33%;width:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;}
.main .main_tit_box .ani .txt_box.scale{transition:1s ease-in-out}
.main .main_tit_box .ani .txt_box.height{height:100%;justify-content:space-between}
.main .main_tit_box .ani .txt_box strong{font-size:82px;font-weight:700;line-height:75px;letter-spacing:-0.025em;}
.main .main_tit_box .ani .txt_box p{font-size:32px;line-height:42px;font-weight:500}
.main .main_tit_box .ani .txt_box>div strong, .main .main_tit_box .ani .txt_box>div p{position:relative;top:30px;opacity:0.16;transform:scale(1.1)}
.main .main_tit_box .ani .txt_box.active strong, .main .main_tit_box .ani .txt_box.active p{top:0;opacity:1;transition:0.5s ease-in-out}
.main .main_tit_box .ani .txt_box.active>.txt2 strong{transition-delay:0.2s}
.main .main_tit_box .ani .txt_box.scale>.txt2 strong{transition-delay:inherit}
.main .main_tit_box .ani .txt_box.scale strong, .main .main_tit_box .ani .txt_box.scale p{transform:scale(1)}
.main .main_tit_box .ani .txt_box .txt2 strong{font-size:128px;line-height:166px;font-weight:600}
.main .main_tit_box .ani .txt_box .txt2{z-index:3; margin-bottom: -36px;}
.main .main_tit_box .ani .txt_box.txt_ani>div{top:0;opacity:1}
.main .main_tit_box .ani .txt_box.top{top:0}
.main .main_tit_box .ani .image_box{margin-left:auto;margin-right:auto;margin-bottom:-57px;backdrop-filter:blur(2px);z-index:1;transform:translateY(200px);opacity:0;}
.main .main_tit_box .ani .image_box.active{transform:translateY(0);opacity:1;transition:1s ease-in-out;}
.main .main_tit_box .ani .image_box:after{content:'';display:none;position:absolute;bottom:0;left:0;width:100%;padding:96px 0 103px;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%)}
.main .main_tit_box .ani .image_box .bg_image{position:absolute;opacity:0.5;}
.main .main_tit_box .ani .image_box .bg_image.left{top:-59px;left:-125px;width:428px;height:212px;background:url(../images/main/main_bg_layer01.png) no-repeat 50% 50%/cover;z-index:-1}
.main .main_tit_box .ani .image_box .bg_image.right{bottom:75px;right:-176px;width:566px;height:422px;background:url(../images/main/main_bg_layer02.png) no-repeat 50% 50%/cover;z-index:-1}
.main .main_tit_box .btn_area.tit_btn_area {position:relative;justify-content:center;margin-top:42px;gap:1.25rem;z-index:99}
.main .main_tit_box .btn_area.tit_btn_area .btn{border-radius:16px;width:218px;height:62px;font-size:20px;}
.main .main_tit_box .btn_area.tit_btn_area .btn.bg_gra{color:#E1DAFF !important;background:linear-gradient(95deg, #6456C7 13.29%, #533179 92.23%);}
.main .main_tit_box .btn_area.tit_btn_area .btn.bg_gra:hover {color:#ffffff !important;}
.main .main_tit_box .btn_area.tit_btn_area .btn.line_btn{color:#54327B;background:#EFEFFF;}
.main .sec01{background-color:#FFF7F7}
.main .sec01 .content {max-width:1256px;padding:4.25rem 0;}
.main .sec01_1 {display:flex;justify-content:center;gap:32px}
.main .sec01_1 > div{width:25%;transform:translateY(-20px);opacity:0;transition:0.5s transform, 0.5s opacity}
.main .sec01.active .sec01_1 > div{transform:translateY(0);opacity:1}
.main .sec01.active .sec01_1 > div:nth-child(2){transition-delay:0.2s}
.main .sec01.active .sec01_1 > div:nth-child(3){transition-delay:0.4s}
.main .sec01.active .sec01_1 > div:nth-child(4){transition-delay:0.6s}
.main .sec01_1 > div > a {display:block;padding:2.1875rem 2rem;border:1px solid #cdcdcd;background-color:#fff;border-radius:1.25rem}
.main .sec01_1 > div > a strong{font-size:24px;line-height:34px}
.main .sec01_1 > div ul{margin:24px 0 64px}
.main .sec01_1 > div ul li {color:#4d4d51;line-height:19px}
.main .sec01_1 > div ul li + li {margin-top:0.75rem}
.main .sec01_1 > div .btn {height:2.875rem;padding:0 1.1875rem;font-weight:600;color:#fff;border-color:#111;background-color:#111}
.main .sec01_1 > div .btn:after{content:'';display:block;width:1rem;height:1rem;margin-left:10px;background:url(../images/icon/icon_right_arrow_w.png) no-repeat 50% 50%/1rem}
.main .sec01_1 > div.point > a{background:#2b308b url(../images/main/point_image.png) no-repeat right 34px bottom 55px}
.main .sec01_1 > div.point > a strong{color:#fff}
.main .sec01_1 > div.point > a ul{overflow:hidden;position:relative;display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 0;padding-bottom:42px}
.main .sec01_1 > div.point > a ul li{padding:14px 17px;margin:0;color:#2b308b;font-size:12px;font-weight:600;line-height:1;background:#b5b9ff linear-gradient(180deg, transparent 83%, #2B308B 100%);background-position: center;border-radius:999px;border:1px solid#2b308b}
.main .sec01_1 > div.point > a ul:after{content:'';position:absolute;left:0;bottom:-3px;width:120px;height:37px;background:url(../images/icon/icon_more.png) no-repeat 50% 50%}
.main .sec01_1 > div.point .btn {color:#2b308b;border-color:#fff;background-color:#fff}
.main .sec01_1 > div.point .btn:after {background-image:url(../images/icon/icon_right_arrow_b.png)}
.sec .in_tit {margin-bottom:50px}
.sec .in_tit strong{font-size:40px;font-weight:800;word-break: break-all;}
.sec .in_tit strong > span{color:#3e51ff}
.main .sec02 .content{position:relative;padding:123px 0 239px;max-width:1261px}
.main .sec02 .in_tit{margin-bottom:0;margin-top:-5px;text-align:center}
.main .sec02_1 ul {display:flex;justify-content:space-between;gap:93px}
.main .sec02_1 ul>li{position:relative;display:flex;flex-direction:column;justify-content:center;gap:21px;width:25%;height:213px;text-align:center;background-color:#fff;border-radius:32px;box-shadow: 0px 4px 13px 0px #A4A4A440;padding:0 40px}
.main .sec02_1 ul>li>p{font-size:22px;font-weight:500;color:#000;line-height:27px}
.main .sec02_1 ul>li>div{position:absolute;left:50%;bottom:calc(100% - 13px);padding:10px 24px;color:#ca3f3f;white-space:nowrap;font-weight:600;line-height:27px;background-color:#ffe9e9;transform:translateX(-50%);border-radius:999px}
.main .sec02_1 ul>li:nth-child(1),.main .sec02_1 ul>li:nth-child(5){margin-top:223px}
.main .sec02_1 ul>li:nth-child(2),.main .sec02_1 ul>li:nth-child(4){margin-top:72px}
.platform-arc {
    pointer-events: none;
    justify-content: center;
    align-items: flex-end;
    max-width: 1241px;
    width:100%;
    height: 80%;
    display: flex;
    position: absolute;    
    top:15%;
    left:50%;
    -webkit-mask-image:linear-gradient(#000,#0000 60%);
     mask-image:linear-gradient(#000,#0000 60%);
     transform:translateX(-50%);
     z-index:-1
}


.platform-arc-ring {
    border: 1px solid rgba(224, 225, 255);
    background-color:rgb(214, 216, 255);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: 0%
}

.platform-arc-ring.is-l{transform:scale(.8)}
.platform-arc-ring.is-m{transform:scale(.6)}
.platform-arc-ring.is-s{transform:scale(.4)}
.platform-arc-ring.is-xs{transform:scale(.2)}
.platform-arc-ring.is-xl{transform:scale(1)}
.platform-arc-ring.is-mask{background-color: var(--color--transparent);background-image:radial-gradient(circle closest-side,#f6f4f1,#f6f4f200);border-style:none;transform:scale(.5)}
.platform-arc-ring {--pulse--duration: 15s;animation-duration:15s;--pulse--easing: cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.platform-arc-ring.is-xl{animation: pulse var(--pulse--duration) var(--pulse--easing) infinite -12s}
.platform-arc-ring.is-l{animation: pulse var(--pulse--duration) var(--pulse--easing) infinite -9s}
.platform-arc-ring.is-m {animation: pulse var(--pulse--duration) var(--pulse--easing) infinite -6s}
.platform-arc-ring.is-s {animation: pulse var(--pulse--duration) var(--pulse--easing) infinite -3s}
.platform-arc-ring.is-xs {animation: pulse var(--pulse--duration) var(--pulse--easing) infinite 0s}
@keyframes pulse {
  0% {transform:scale(0);opacity:1}
  100% {transform:scale(1);opacity:0}
}
.main .sec03 .content{padding-bottom:174px}
.main .sec03 .in_tit{text-align:center}
.main .sec03_1 dl{padding:40px 170px 40px 40px;border-radius:20px;background:#f0f1ff url(../images/main/main_sec02_1.png) no-repeat right 40px top 40px/103px 96px;transform:translateY(-20px);opacity:0;transition:transform 0.5s, opacity 0.5s}
.main .sec03_1 dl.step01{background-size:6rem 5.6875rem}
.main .sec03_1 dl.step02 {background:#f8f3ff url(../images/main/main_sec02_2.png) no-repeat right 40px top 57px/6.25rem 6.6875rem}
.main .sec03_1 dl.step03 {background:#eff7ff url(../images/main/main_sec02_3.png) no-repeat right 47px top 62px/4.75rem 5.125rem}
.main .sec03_1 dl dt{color:#3e51ff;font-size:24px;line-height:29px;font-weight:800}
.main .sec03_1 dl dt + dd {margin-top:20px;font-size:24px;line-height:32px;font-weight:500}
.main .sec03_1 dl + dl {margin-top:30px}


.main .sec03.active .sec03_1 dl{transform:translateY(0);opacity:1}
.main .sec03.active .sec03_1 dl:nth-child(2){transition-delay:0.2s}
.main .sec03.active .sec03_1 dl:nth-child(3){transition-delay:0.4s}



.sub .sec *{letter-spacing:-0.025em}

/* 온라인 */
.online_tit strong{color:#000;font-size:48px;line-height:72px;letter-spacing:-0.025em;}

.online .sec01 .content{padding-top:165px}
.online .sec01 .sec01_1{display:flex}
.online .sec01 .sec01_1 .online_tit{width:203px;margin-right:126px}
.online .sec01 .sec01_1 .image{width:calc(100% - 329px)}
.online .sec01 .sec01_2{max-width:1062px;margin:0 auto;padding-top:140px}
.online .sec01 .sec01_2>ul{display:flex;flex-wrap:wrap}
.online .sec01 .sec01_2>ul>li{width:calc(50% - 0.625rem)}
.online .sec01 .sec01_2>ul>li:nth-child(odd){margin-right:1.25rem}
.online .sec01 .sec01_2>ul>li:nth-child(n+3):nth-child(-n+4){margin-top:93px}
.online .sec01 .sec01_2>ul>li:before{content:'';display:block;width:90px;height:90px;margin-bottom:22px;background-repeat:no-repeat;background-position:0 50%;background-size:90px}
.online .sec01 .sec01_2>ul>li.backup:before{background-image:url(../images/icon/icon_backup.svg)}
.online .sec01 .sec01_2>ul>li.review:before{background-image:url(../images/icon/icon_review.svg)}
.online .sec01 .sec01_2>ul>li.ai:before{background-image:url(../images/icon/icon_ai.svg)}
.online .sec01 .sec01_2>ul>li.manage:before{background-image:url(../images/icon/icon_manage.svg)}
.online .sec01 .sec01_2>ul>li strong{color:#292929;margin-bottom:21px;font-size:26px;line-height:39px;font-weight:700}
.online .sec01 .sec01_2>ul>li div{color:#4d4d51;font-size:22px;line-height:33px;font-weight:500;letter-spacing:-0.025em}
.online .sec01 .sec01_2>ul>li div>span{color:#2b308b;font-weight:600}
.online .sec01 .sec01_2>ul>li div ul{display:flex;margin-top:21px}
.online .sec01 .sec01_2>ul>li div ul>li{padding:0.5rem 1rem;font-size:15px;font-weight:500;line-height:18px;letter-spacing:-0.01em;border-radius:999px}
.online .sec01 .sec01_2>ul>li div ul>li + li{margin-left:10px}
.online .sec01 .sec01_2>ul>li div ul>li:nth-child(1){color:#581bd9;background-color:#efefff}
.online .sec01 .sec01_2>ul>li div ul>li:nth-child(2){color:#db5910;background-color:#fcefe8}
.online .sec01 .sec01_2>ul>li div ul>li:nth-child(3){color:#29b412;background-color:#e7f5e5}
.online .sec02 .content{padding-top:160px}
.online .sec02 .sec02_1>ul>li{display:flex;gap:66px;justify-content:space-between}
.online .sec02 .sec02_1>ul>li .txt{width:calc(100% - 720px);margin-top:52px}
.online .sec02 .sec02_1>ul>li .txt>span{display:block;color:#2b308b;font-size:24px;line-height:38px;font-weight:600}
.online .sec02 .sec02_1>ul>li .txt>strong{margin:5px 0 14px;color:#292929;font-size:30px;line-height:48px}
.online .sec02 .sec02_1>ul>li .txt>p{font-size:18px;line-height:29px;letter-spacing:-0.01em}
.online .sec02 .sec02_1>ul>li:nth-child(even){flex-direction:row-reverse}
.online .sec02 .sec02_1>ul>li:nth-child(1){margin-top:90px}
.online .sec02 .sec02_1>ul>li:nth-child(2){margin-top:167px}
.online .sec02 .sec02_1>ul>li:nth-child(3){margin-top:135px}
.online .sec02 .sec02_1>ul>li:nth-child(4){margin-top:170px}
.online .sec02 .sec02_1>ul>li .left{transform:translateX(-40px);opacity:0}
.online .sec02 .sec02_1>ul>li .right{transform:translateX(40px);opacity:0}
.online .sec02 .sec02_1>ul>li.active .image{transform:translateX(0);opacity:1;transition:0.5s transform, 0.5s opacity ease-in-out;}

.online .sec03 .content .sec03_1{margin:145px 0;padding:36px 0;text-align:center;background-color:#c6eff5;border-radius:30px}
.online .sec03 .content .sec03_1 strong{color:#0c85b9;font-size:30px;line-height:48px;font-weight:600;letter-spacing:-0.01em}
.online .sec03 .content .sec03_1 p{margin:12px 0;font-size:18px;line-height:19px;font-weight:500;letter-spacing:-0.01em}
.online .sec03 .content .sec03_1 a{display:block;width:116px;margin:0 auto;padding:12px 0;color:#fff;font-size:15px;background-color:#2aa9e0;border-radius:999px}

.online .sec04 .content{padding-bottom:170px}
.online .sec04_1{position:relative;display:flex;justify-content:space-between;margin-top:86px;padding:48px;background-color:#fcfaf8;border-radius:12px}
.online .sec04_1:before{content:'';position:absolute;left:50%;top:50%;height:calc(100% - 96px);width:1px;border-left:2px dashed #dde9f3;transform:translateY(-50%);}
.online .sec04_1:after{content:'';position:absolute;left:50%;top:50%;width:39px;height:37px;background:#3396f1 url(../images/icon/icon_pluse.svg) no-repeat 50% 50%/24px;transform:translate(-50%, -50%);border-radius:50%}
.online .sec04_1>div{width:calc(50% - 68.5px)}
.online .sec04_1>div strong{font-size:24px;line-height:31px;font-weight:600;letter-spacing:-0.01em}
.online .sec04_1>div.sec04_1_2 strong{color:#2a7bf4}
.online .sec04_1>div.sec04_1_2 strong>span{display:inline-block;padding-right:3px;color:#fff;background-color:#3396f1}
.online .sec04_1>div ul{display:flex;flex-wrap:wrap;margin-top:12px}
.online .sec04_1>div ul>li{display:flex;align-items:center;width:calc(50% - 12px);margin-top:36px}
.online .sec04_1>div ul>li:nth-child(odd){margin-right:24px}
.online .sec04_1>div ul>li:before{content:'';display:block;width:3.875rem;height:3.875rem;margin-right:1rem;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}
.online .sec04_1>div ul>li.copy:before{background-image:url(../images/online/browser_icon01.svg)}
.online .sec04_1>div ul>li.question:before{background-image:url(../images/online/browser_icon02.svg)}
.online .sec04_1>div ul>li.monitor:before{background-image:url(../images/online/browser_icon03.svg)}
.online .sec04_1>div ul>li.special:before{background-image:url(../images/online/browser_icon04.svg)}
.online .sec04_1>div ul>li.nephropathy:before{background-image:url(../images/online/browser_icon05.svg)}
.online .sec04_1>div ul>li.real:before{background-image:url(../images/online/browser_icon06.svg)}
.online .sec04_1>div ul>li.monitor02:before{background-image:url(../images/online/browser_icon07.svg)}
.online .sec04_1>div ul>li.work:before{background-image:url(../images/online/browser_icon08.svg)}
.online .sec04_1>div ul>li.capture:before{background-image:url(../images/online/browser_icon09.svg)}
.online .sec04_1>div ul>li.program:before{background-image:url(../images/online/browser_icon10.svg)}
.online .sec04_1>div ul>li.url:before{background-image:url(../images/online/browser_icon11.svg)}
.online .sec04_1>div ul>li>div{font-size:1.125rem;line-height:1.375rem;letter-spacing:-0.01em;font-weight:500}
.online .sec04_1>div ul>li>div>span{display:block;margin-top:2px;color:#a5a7b0;font-size:13px;line-height:16px}

/* test */
.test .sec01{background-color:#f7f7f7}
.test .sec01 .content{display:flex;gap:41px;padding:70px 0}
.test .sec01 .content .tabs{width:203px}
.test .sec01 .content .tabs ul>li{padding:19px 24px;font-size:1rem;line-height:19px;font-weight:600;letter-spacing:-0.02em;white-space:nowrap;background-color:#fff;border:1px solid #fff;border-radius:20px;cursor:pointer}
.test .sec01 .content .tabs ul>li.active{color:#3e51ff;border-color:#3e51ff}
.test .sec01 .content .tabs ul>li + li{margin-top:20px}
.test .sec01 .content .filter_cont{width:calc(100% - 244px)}
.test .sec01 .content .search{position:relative;width:100%}
.test .sec01 .content .search .input input{width:100%;height:49px;padding:0 47px 0 19px;border:1px solid #eee;border-radius:8px}
.test .sec01 .content .search .search_btn{position:absolute;width:24px;height:24px;right:12px;top:50%;border:none;background:transparent url(../images/icon/icon_search.svg);transform:translateY(-50%)}
.test .sec01 .items{display:flex;flex-wrap:wrap;gap:20px 23px;margin-top:20px}
.test .sec01 .items .item{display:none;width:calc(33.33% - 15.33px)}
.test .sec01 .items .item a{display:flex;flex-direction:column;height:100%;background-color:#fff;border-radius:1rem}
.test .sec01 .items .item.active{display:block}
.test .sec01 .items .item a>div:nth-child(1){padding:42px 0 41px 34px;border:1px solid #f1f1f1}
.test .sec01 .items .item a>div:nth-child(2){display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:26px 55px 25px 35px;border:1px solid #fff;border-top:0;}
.test .sec01 .items .item strong{color:#252525;font-size:24px;line-height:34px;letter-spacing:-0.025em}
.test .sec01 .items .item p{line-height:26px;letter-spacing:-0.025em}
.test .sec01 .items .item ul{display:flex;gap:16px;margin-top:24px}
.test .sec01 .items .item ul li{display:flex;align-items:center;gap:4px;padding:6px 11px;color:#2b308b;font-weight:500;line-height:22px;background-color:#f2f2f2;border-radius:6px}
.test .sec01 .items .item ul li:before{content:'';display:block;width:24px;height:24px}
.test .sec01 .items .item ul li.clock:before{background:url(../images/icon/icon_clock.svg) no-repeat 50% 50%/cover}
.test .sec01 .items .item ul li.question:before{background:url(../images/icon/icon_list.svg) no-repeat 50% 50%/cover}

.input .btn_del {display:none;position:absolute;top:50%;right:12px;width:20px;height:21px;background: url(../images/icon/icon_btn_del.svg) no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.input.active input {padding-right:47px}
.search .input .btn_del{right:46px}
.search .input.active input{padding-right:76px}
.input.active:not(.success):not(.error) .btn_del {display:block}


.bottom_banner {background:linear-gradient(90deg, #3e51ff 0%, #8733f1 100%)}
.bottom_banner .content{padding:70px 0;text-align:center}
.bottom_banner .in_tit{margin-bottom:48px}
.bottom_banner .in_tit strong{color:#fff;font-weight:600}
.bottom_banner .in_tit strong + p {margin-top:18px;color:#fff;font-size:24px;line-height:29px}
.bottom_banner .in_tit strong + p > span{color:#29ffcc;font-weight:600}
.bottom_banner .btn_area {justify-content:center}
.bottom_banner .btn_area .btn.bg_w {background-color:#fff;border-color:#fff}
.bottom_banner .btn_area .btn.bg_blue200 {color:#fff;background-color:#2b308b;border-color:#2b308b}
footer .content{padding:50px 0 68px; position: relative;}
footer ul{display:flex}
footer ul li + li{position:relative;padding-left:21px;margin-left:20px}
footer ul li + li:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:11px;background-color:#a5a7b0}
footer ul li a{color:#848484;font-weight:600}
footer .content .info_box{margin-top:6px; margin-left: 120px;}
footer .content .info_box>span{display:inline-block;margin:0.625rem 0.625rem 0 0;color:#a5a7b0;font-size:0.8125rem;line-height:1}
.footer-logo {position: absolute; width: 100px; height: 29px; top: 92px;}
.footer-logo a {
  display: block;
  width: 100%;
  height: 29px;
  background: url(../images/incruit_logo.png) 0 0 no-repeat;
  background-size: contain;
}



.pop_layer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}
.pop_layer.active{display:block}
.pop_layer .dim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(51,51,51,0.3)}
.pop_layer .popup{position:absolute;top:178px;left:50%;max-width:840px;width:100%;padding:0 1.25rem;transform:translateX(-50%)}
.pop_layer .popup .btn_close{position:absolute;top:1.375rem;right:1.25rem;width:1.75rem;height:1.75rem;background:url(../images/icon/icon_del.svg) no-repeat 50% 50%/100%}
.pop_layer .popup .pop_head{position:relative;padding:20px 18px 16px 44px;border-bottom:1px solid #eee;border-radius:20px 20px 0 0;background-color:#3e51ff}
.pop_layer .popup .pop_head .pop_tit{display:block;padding-right:17px;color:#fff;font-size:24px;font-weight:500;line-height:32px}
.pop_layer .popup .pop_cont {overflow-y:auto;padding:20px 32px 30px;background-color:#fff;;border-radius:0 0 1.25rem 1.25rem}
.pop_layer .popup .pop_cont .btn_area{padding-top:10px}
.pop_layer .popup .pop_cont:last-child{max-height:calc(100vh - 387px)}
.pop_layer .popup .pop_foot{justify-content:flex-end;padding:10px 20px 20px}
.pop_layer .popup .pop_foot .btn{margin-right:6px}
.pop_layer .popup .pop_foot .btn:last-child{margin-right:0}

.pop_layer .popup .pop_cont>div:not(.detail_box, .image, .keyword){padding:32px}
.pop_layer .popup .pop_cont .detail_box>div:not(.pop_tit, .image){padding:32px}
.pop_layer .popup .pop_cont .detail_box .pop_tit{padding:10px 30px;background-color:#3e51ff;border-radius:8px}
.pop_layer .popup .pop_cont .detail_box .pop_tit strong{color:#fff;font-size:24px;font-weight:500;line-height:32px}
.pop_layer .popup .pop_cont .br_b{border-bottom:1px solid #eee}
.pop_layer .popup .pop_cont .keyword{padding:20px}
.pop_layer .popup .pop_cont div.image{padding:0 32px}
.pop_layer .popup .pop_cont div.image:last-child{padding-bottom:32px}
.pop_layer .popup .pop_cont .keyword>ul{overflow-x:auto;display:flex}
.pop_layer .popup .pop_cont .keyword>ul>li{padding:10px 20px;color:#2b308b;font-weight:500;line-height:22px;white-space:nowrap;background-color:#f2eaff;border-radius:999px}
.pop_layer .popup .pop_cont .keyword>ul>li + li{margin-left:20px}
.pop_layer .popup .pop_cont .dot_list li{display:flex;color:#4d4d51;font-weight:500}
.pop_layer .popup .pop_cont .dot_list li:before{content:'';display:block;min-width:0.25rem;height:0.25rem;margin:0.5625rem 0.8125rem 0 0;background-color:#4d4d51;border-radius:999px}
.pop_layer .popup .pop_cont .dot_list li + li{margin-top:1.25rem}
.pop_layer .popup .pop_cont .pop_in_tit{display:flex;align-items:center;margin-bottom:1.25rem}
.pop_layer .popup .pop_cont .pop_in_tit strong>span{display:inline-block;width:5px;margin:0 10px}
.pop_layer .popup .pop_cont .pop_in_tit:before{content:'';display:block;width:1.5rem;height:1.5rem;margin-right:0.625rem;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}
.pop_layer .popup .pop_cont .pop_in_tit strong{width:calc(100% - 2rem)}
.pop_layer .popup .pop_cont .pop_in_tit strong>span{width:0.1875rem;margin:0 0.1875rem}
.pop_layer .popup .pop_cont .pop_in_tit.method:before{background-image:url(../images/icon/icon_method.svg)}
.pop_layer .popup .pop_cont .pop_in_tit.element:before{background-image:url(../images/icon/icon_element.svg)}
.pop_layer .popup .pop_cont .pop_in_tit.qa:before{background-image:url(../images/icon/icon_qa.svg)}
.pop_layer .popup .pop_cont ul + ul{margin-top:20px}
.pop_layer .popup .pop_cont .cnt_list{padding:20px;background-color:#f9f9f9}
.pop_layer .popup .pop_cont .cnt_list li + li{margin-top:20px}
.pop_layer .popup .pop_cont .cnt_list li>span{font-weight:500;line-height:22px}
.pop_layer .popup .pop_cont .cnt_list li>div{margin-top:0.625rem;padding-left:1.25rem;color:#4d4d51}
.pop_layer .popup .pop_cont .chk_list li + li{margin-top:1.25rem}
.pop_layer .popup .pop_cont .chk_list li{display:flex}
.pop_layer .popup .pop_cont .chk_list li:before{content:'';display:block;min-width:0.625rem;height:1.375rem;margin-right:0.375rem;background:url(../images/icon/icon_right_arrow03.svg) no-repeat 50% 50%/cover}
.pop_layer .popup .pop_cont .chk_list li>div{font-weight:600;line-height:22px}

.pop_layer.type02 .pop_head{padding:40px 20px 16px 44px;background-color:#fff}
.pop_layer.type02 .pop_head .pop_tit{color:#28253c;font-weight:700}
.pop_layer.type02 .popup .pop_cont{padding:50px 32px}
.pop_layer.type02 .popup .pop_cont form>div{padding:30px}
.pop_layer.type02 .popup .pop_cont form>div.txt_box{padding-bottom:50px}
.pop_layer.type02 .popup .pop_cont form>div.category_box{padding-bottom:0}
.pop_layer.type02 .input input{width:100%;height:46px;padding:0 1.1875rem;border:1px solid #eee;border-radius:8px}
.pop_layer.type02 .box{display:inline-flex;align-items:center;width:100%}
.pop_layer.type02  form>.aster>label, .pop_layer.type02  form>div>span, .pop_layer.type02  form>div>label {display:block;font-weight:600;font-size:18px;line-height:25px}
.pop_layer.type02  form>div>span, .pop_layer.type02  form>div:not(.box)>label{margin-bottom:1.875rem}
.pop_layer.type02  form>.aster>label{display:flex;min-width:112px}
.pop_layer.type02  form>.aster>label:after{content:'';display:block;width:0.3125rem;height:0.3125rem;margin-left:0.5rem;background-color:#ff2f2f;border-radius:999px}
.pop_layer.type02 .box .input{width:100%}
.pop_layer.type02 .box .input input::placeholder{color:#c4c4c4}
.pop_layer.type02 .popup .btn_close{top:2.625rem;background-image:url(../images/icon/icon_del_b.svg)}
.pop_layer.type02 form textarea{display:block;width:100%;height:6.5rem;padding:12px 19px;background-color:#f9fafb;border:1px solid #eee;border-radius:0.5rem;resize:none}
.pop_layer.type02 form textarea::placeholder{color:#c4c4c4}
.pop_layer.type02 form .info_box>div{padding:12px 20px;color:#4d4d51;line-height:1.375rem;background-color:#f7f7f9;border-radius:0.5rem}
.pop_layer.type02 form .btn{display:flex;height:3.4375rem;width:12.5rem;margin:60px auto 0;color:#fff;font-size:1.375rem;background-color:#3e51ff;cursor:pointer}
.chk_area{display:flex;justify-content:space-between;margin-top:30px;padding:20px 10px 50px;border-bottom:1px solid #eee}
.checkbox{display:flex}
.checkbox input[type=checkbox]{display:none}
.checkbox label{display:inline-flex;align-items:center;cursor:pointer;font-weight:500}
.checkbox label:before{content:'';display:block;min-width:1.75rem;height:1.75rem;margin-right:0.625rem;background:url(../images/icon/icon_chk.svg) no-repeat 50% 50%/cover}
.checkbox input[type=checkbox]:checked + label:before{background-image:url(../images/icon/icon_chk_h.svg)}
.info_chk_box .checkbox + .checkbox{margin-top:30px}
.info_chk_box .checkbox.essential   label>div>span{color:#ff2f2f}
.info_chk_box .checkbox.select label>div>span{color:#3c9af1}

.pop_layer .popup .pop_cont::-webkit-scrollbar{width:0.25rem}
.pop_layer .popup .pop_cont::-webkit-scrollbar-thumb{background:#0000001a;border-radius:0.625rem;background-clip:padding-box}
.pop_layer .popup .pop_cont::-webkit-scrollbar-track{background-color:transparent;border-radius:0.625rem}
.pop_layer .popup .pop_cont .keyword>ul::-webkit-scrollbar{height:0.25rem}
.pop_layer .popup .pop_cont .keyword>ul::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:0.625rem;background-clip:padding-box}
.pop_layer .popup .pop_cont .keyword>ul::-webkit-scrollbar-track{background-color:transparent;border-radius:0.625rem}


.system_alert{display:none;position:fixed;top:0;right:0;left:0;height:100vh;z-index:1000}
.system_alert.active{display:block}
.system_alert .dim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4)}
.system_alert .popup{overflow:hidden;position:absolute;top:50%;left:50%;width:100%;padding:0 1.25rem;transform:translate(-50%,-50%)}
.system_alert .popup .pop_cont{max-width:335px;padding:2.5rem 0;margin:0 auto;text-align:center;background-color:#fff;border-radius:1.25rem}
.system_alert .popup .pop_cont .ico{display:block;margin:0 auto;background-size:cover !important;background-repeat:no-repeat;background-position:50% 50%}
.system_alert .popup .pop_cont .ico_alert_triangle{width:4rem;height:3.375rem;background-image:url(../images/icon/icon_system_error.svg)}
.system_alert .popup .pop_cont .ico_check{width:3.5625rem;height:3.5625rem;background-image:url(../images/icon/icon_system_chk.svg)}
.system_alert .popup .pop_cont .ico + p{margin:1.25rem 0;line-height:1.375rem;font-weight:500}
.system_alert .popup .pop_cont .btn{width:6.5625rem;height:2.5rem;color:#fff;font-size:0.75rem;font-weight:500;background-color:#28253c;border-color:#28253c}

/* 박람회 팝업 */
.exhibition_alert {position: fixed;top:200px;left:200px;z-index: 100000;width: 460px;height: 500px;}
.exhibition_alert .btn_close{z-index: 100001;position: absolute;top: 8px;right: 10px;width: 28px;height: 28px;cursor: pointer;}

@media screen and (min-width:1280px){
  .mo{display:none}

  header > .content{position:relative}
  header > .content nav{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
  header > .content .tool_box a.login_btn{display:block;width:46px;text-align:center}
}

@media screen and (max-width:1279px){  
  .pc02{display:none}
  header{padding:0 1.875rem}
  header > .content{padding:1.0938rem 0}
  header > .content nav ul{gap:2.5rem}
  .sec{padding:0 1.25rem}
  .main .main_tit_box{padding:3.625rem 1.25rem 0}
  .main .main_tit_box .ani{padding:0}
  .main .main_tit_box .ani .txt_box p{font-size:1.625rem;line-height:2.0625rem;line-height:1}
  .main .main_tit_box .ani .txt_box strong{font-size:4.125rem;line-height:5.3125rem}
  .main .main_tit_box .ani .txt_box .txt1 strong{line-height:1.1}
  .main .main_tit_box .ani .txt_box .txt2 strong{font-size:6.375rem;line-height:8.3125rem}
  .main .main_tit_box .ani .image_box:after{height:10.3125rem;padding:0}
  .main .main_tit_box .ani .image_box{position:relative;}
  .main .main_tit_box .ani .image_box .bg_image.left{width:33.969%;max-width:428px;height:auto;padding-bottom:16.825%;background-size:contain;}
  .main .main_tit_box .ani .image_box .bg_image.right{width:44.921%;max-width:566px;height:auto;padding-bottom:33.492%;background-size:contain;}
  .main .main_tit_box .btn_area{margin-top:33px}
  .btn_area .btn{height:3.625rem;width:11.9375rem;font-size:1.375rem}
  .main .sec .content{padding:1.875rem 0}
  .main .sec01_1{flex-wrap:wrap;gap:1.25rem}
  .main .sec01_1 > div{width:calc(50% - 0.625rem)}
  .main .sec01_1 > div > a strong{font-size:1.5rem}
  .main .sec01_1 > div.point > a{background-position:left 176px bottom 55px}
  .main .sec01_1 > div.point > a ul{max-width:12.875rem;margin-top:0.8125rem}
  .main .sec02 .content{display:flex;flex-direction:column-reverse}
  .main .sec02_1{margin-top:4.5625rem}
  .main .sec02_1 ul{flex-wrap:wrap;justify-content:center;gap:6rem 3.875rem;max-width:685px;margin:0 auto}
  .main .sec02_1 ul>li{width:187px;height:213px;margin-top:0;padding:0 2.5rem}
  .main .sec02_1 ul>li:nth-child(1), .main .sec02_1 ul>li:nth-child(5),.main .sec02_1 ul>li:nth-child(2), .main .sec02_1 ul>li:nth-child(4){margin-top:0}
  .main .sec02_1 ul>li:nth-child(1){order:2}
  .main .sec02_1 ul>li:nth-child(2){order:0}
  .main .sec02_1 ul>li:nth-child(3){order:1}
  .main .sec02_1 ul>li:nth-child(4){order:3}
  .main .sec02_1 ul>li:nth-child(5){order:4}
  .main .sec03_1 dl{background-position:right 2.5rem top 50% !important}


  .platform-arc{top:35%}
  .sec.bottom_banner .in_tit strong{font-weight:700}
  .sec.bottom_banner .content{padding:3.75rem 0}
  .main .sec03 .content{padding-bottom:10rem}

  .menu_dim{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#000000B2;z-index:99}
  header > .content .nav_area{position:relative;flex-direction:column;justify-content:space-between;position:fixed;top:0;right:0;width:calc(100% - 202px);height:100%;padding:11.25rem 2.5rem 2.5rem;z-index:999;background-color:#fff;transform:translateX(100%);transition:0.5s transform}
  header > .content .nav_area.active{transform:translateX(0)}
  header > .content .nav_area .close_btn{position:absolute;right:2.5rem;top:2.5rem;width:1.25rem;height:1.25rem;background:url(../images/icon/icon_menu_close.svg) no-repeat 50% 50%/cover}
  header > .content nav{width:100%}
  header > .content nav ul{flex-direction:column;align-items:flex-start;width:100%}
  header > .content nav ul>li{width:100%}
  header > .content nav ul>li>a{display:flex;justify-content:space-between;align-items:center;padding-bottom:0.5625rem;font-size:22px;line-height:1;font-weight:500;border-bottom:1px solid #a5a7b0}
  header > .content nav ul>li>a:after{content:'';display:block;width:0.5rem;height:1rem;background:url(../images/icon/icon_right_gray.svg) no-repeat 50% 50%/cover}
  header > .content ul>li.active a{color:#28253c}
  header > .content .tool_box{flex-direction:column-reverse;gap:1.5rem;width:100%}
  header > .content .tool_box>li{width:100%}
  header > .content .tool_box>li>a{width:100%;height:3.25rem;font-size:1.375rem;font-weight:500}
  header > .content .tool_box>li>a.login_btn{display:inline-flex;justify-content:center;align-items:center;color:#3e51ff;border:1px solid #28253c;background-color:#fff;border-radius:999px}
  header > .content{justify-content:space-between}
  header > .content .mo_header_btn{display:flex;align-items:center;gap:1.875rem}
  header > .content .tool_box a.btn.line_btn{color:#3e51ff}
  header > .content .mo_header_btn a.btn.line_btn{color:#2b308b}
  header > .content .open_btn{display:block;width:2.125rem;height:1.375rem;background:url(../images/icon/icon_menu.svg) no-repeat 50% 50%/cover}
 
  /* 서브페이지 */
  .tit_box{padding:3.75rem 0}
  .tit_box p{font-size:2rem;line-height:2.375rem}
  .tit_box strong{margin:1rem 0 2rem;font-size:3.1875rem;line-height:3.8125rem}
  .tit_box strong>span{margin-left:1rem;line-height:3.8125rem}
  
  /*온라인  */  
  .online .sec01 .content{padding-top:5rem}
  .online .sec01 .sec01_1{display:block}
  .online .online_tit{width:auto;margin-right:0;margin-bottom:3.125rem}
  .online .sec01 .sec01_1 .image{width:auto}
  .online_tit strong{font-size:2.5rem;line-height:3.75rem}
  .online_tit strong br{display:none}
  .online .sec01 .sec01_2{max-width:none;padding-top:2.5rem}
  .online .sec01 .sec01_2>ul>li{padding:0 1.25rem}
  .online .sec02 .sec02_1>ul>li:nth-child(1){margin-top:0}
  .online .sec01 .sec01_2>ul>li:nth-child(n+3):nth-child(-n+4){margin-top:7.1875rem}
  .online .sec01 .sec01_2>ul>li:before{margin-bottom:1.25rem}
  .online .sec01 .sec01_2>ul>li strong{margin-bottom:1.25rem}
  .online .sec01 .sec01_2>ul>li div ul{flex-wrap:wrap;align-items:flex-start;margin-top:0.8125rem}
  .online .sec01 .sec01_2>ul>li div ul>li + li{margin-left:0}
  .online .sec01 .sec01_2>ul>li div ul>li{margin-right:0.625rem;margin-bottom:0.625rem}
  .online .sec01 .sec01_2>ul>li div ul>li:last-child{margin-bottom:0}
  .online .sec01 .sec01_2>ul>li div br:not(.mo){display:none}
  .online .sec02 .content{padding-bottom:10rem}
  .online .sec02 .sec02_1>ul{max-width:41.25rem;margin:0 auto}
  .online .sec02 .sec02_1>ul>li{display:block}
  .online .sec02 .sec02_1>ul>li + li{margin-top:5rem !important}
  .online .sec02 .sec02_1>ul>li .right{transform:translateX(-40px)}
  .online .sec02 .sec02_1>ul>li .txt{width:auto;margin-top:2.125rem}
  .online .sec02 .sec02_1>ul>li .txt>strong{margin:0.75rem 0}
  .online .sec03{display:none}
  .online .sec04 .content{padding-bottom:9rem}
  .online .sec04_1{display:block;margin-top:0}
  .online .sec04_1>div{width:100%}
  .online .sec04_1:before{top:50%;width:calc(100% - 6rem);height:1px;border-left:0;border-top:2px dashed #dde9f3;transform:translate(-50%, -50%)}
  .online .sec04_1>div:last-child{margin-top:9.25rem}
  .online .sec04_1:after{width:3.25rem;height:3.25rem;background-size:2rem}
  .online .sec04_1>div ul{margin-top:0.5rem}
  .online .sec04_1>div ul>li{display:flex;align-items:center;width:calc(50% - 1.875rem);margin-top:2.5rem}
  .online .sec04_1>div ul>li:nth-child(odd){margin-right:3.75rem}


  /* 테스트 */
  .test .sec01 .content{display:block;padding:2.5rem 0 5rem}
  .test .sec01 .content .filter_cont{width:100%}
  .test .sec01 .items{gap:1.4375rem 1.375rem}
  .test .sec01 .items .item{width:calc(50% - 0.6875rem)}
  
  

  .select_box{position:relative;margin-top:1.25rem;background-color:#fff;border-radius:0.5rem}
  /* .select_box:after{content:'';position:absolute;right:0.75rem;top:50%;width:1.5rem;height:1.5rem;background:#fff url(../images/icon/icon_select_arrow.svg) no-repeat 50% 50%/1.5rem;transform:translateY(-50%);transition:0.5s all}
  .select_box.open:after{transform:translateY(-50%) rotate(180deg)} */
  #categorySelect{position:relative;z-index:11;;width:100%;height:3.0625rem;padding:0 2.9375rem 0 1.1875rem;color:#3e51ff;font-size:18px;border-radius:0.5rem;border:1px solid #eee;background-color:transparent;appearance:none;-webkit-appearance:none;-moz-appearance:none}
  .select_box select option{width:100%;padding:1.0625rem 1.75rem;color:#252525}

.nice-select{display:inline-block;position:relative;width:100%;vertical-align:top}
.nice-select .current{display:block;overflow:hidden;position:relative;height:3.0625rem;padding:0 2.9375rem 0 1.1875rem;color:#3e51ff;font-size:1.125rem;line-height:2.9375rem;border-radius:0.5rem;border:1px solid #eee;text-overflow:ellipsis;white-space:nowrap;background-color:#fff;cursor:pointer}
.nice-select .current:after{content:'';position:absolute;top:0;right:0.625rem;bottom:0;width:1.5rem;background:url(../images/icon/icon_select_arrow.svg) no-repeat 50% 50%;background-size:100%;transition:transform ease .3s}
.nice-select .current + .list{display:none;position:absolute !important;top:3.25rem;left:0;width:100%;padding:0.4375rem;border:1px solid #3e51ff;border-radius:0.5rem;background-color:#fff;box-shadow: 0px 4px 0px 0px #00000005;;z-index:1}
.nice-select .current + .list>div{overflow-y:auto;width:100%;max-height:26rem;padding-right:0.125rem}
.nice-select .list li{padding:1.0625rem 1.25rem;color:#636363;font-size:1.125rem;line-height:1;cursor:pointer;border-radius:0.25rem}
.nice-select .list li:first-child.disabled{display:none}
.nice-select .list li:hover,
.nice-select .list li.focus{background:#5d79df14;}
.nice-select .list li.selected{color:#3e51ff;font-weight:500}
.nice-select .list>div::-webkit-scrollbar{width:0.25rem}
.nice-select .list>div::-webkit-scrollbar-thumb{background:#0000001A;;border-radius:0.625rem;background-clip:padding-box}
.nice-select .list>div::-webkit-scrollbar-track{background:transparent;;border-radius:0.625rem}
.nice-select.placeholder .current{color:#959595}
.nice-select.open:not(.disabled) .current{border-color:#3e51ff}
.nice-select.open:not(.disabled) .current:after{transform:rotate(180deg)}
.nice-select.open:not(.disabled) .current + .list{display:block}
.nice-select.disabled .current{color:#b8c3cc;border-color:#dae3eb;cursor:default}
}

@media screen and (min-width:768px){
  .mo_s{display:none}
}

@media screen and (max-width:767px){
  .pc{display:none}
  header{padding:0 1.25rem}
  header > .content{padding:1.625rem 0}
  
  .btn_area{gap:1rem}
  .main .main_tit_box{padding:2.9375rem 2.625rem 1.875rem}
  .main .main_tit_box .ani .txt_box p{font-size:1.25rem;letter-spacing: 0.5px;}
  .main .main_tit_box .ani .txt_box strong{font-size:2.5rem;letter-spacing: -1px;margin-top:0.5rem;}
  .main .main_tit_box .ani .txt_box .txt2{margin-bottom:-3.31%;}
  .main .main_tit_box .ani .txt_box .txt2 strong{font-size:3.5rem;line-height:5.1875rem}
  .main .main_tit_box .ani .image_box{margin-bottom:0;}  
  .main .main_tit_box .ani .image_box .bg_image.left{left:calc(-2.625rem + 16px);top:-6px;}
  .main .main_tit_box .ani .image_box .bg_image.right{right:calc(-2.625rem - 5px);bottom:-37px;}
  .main .main_tit_box .btn_area.tit_btn_area{margin-top:1.6687rem;margin-bottom:1.0625rem;flex-direction:column;align-items: center;gap: 1rem;}
  .main .main_tit_box .btn_area.tit_btn_area .btn{width:148px;height:42px;}
  .main .sec01_1 > div.point > a{background-position:left 11.5rem bottom 3.625rem}
  .main .sec01{background-color:#fff;padding: 0 2.625rem;}

  .btn_area .btn{height:2.875rem;width:8.75rem;font-size:1rem}
  .sec .in_tit strong{font-size:1.5rem}
  .main .sec01_1 > div{width:100%}
  .main .sec01_1 > div > a strong{font-size:1.25rem;line-height:1.75rem}
  .main .sec01_1 > div ul{margin:1.5rem 0 4rem}
  .main .sec01_1 > div ul li{font-size:1.0625rem;line-height:1.25rem}
  .main .sec01_1 > div.point > a ul{margin-top:1.0625rem}

  .main .sec02_1{margin-top:7.9375rem}
  .main .sec02_1 ul{flex-direction:column;gap:5.4375rem;align-content:center;}
  .main .sec02_1 ul>li{gap:1.3125rem;width:11.6875rem;height:13.3125rem;border-radius:2rem}
  .main .sec02_1 ul>li:nth-child(1){order:3}
  .main .sec02_1 ul>li:nth-child(2){order:0}
  .main .sec02_1 ul>li:nth-child(3){order:1}
  .main .sec02_1 ul>li:nth-child(4){order:2}
  .main .sec02_1 ul>li:nth-child(5){order:4}
  .main .sec02_1 ul>li:not(:last-child){position:relative}
  .main .sec02_1 ul>li:not(:last-child):before{content:'';position:absolute;left:50%;top:calc(100% - 1.25rem);width:3.9375rem;height:5.0625rem;background:url(../images/main/bottom_arrow.svg) no-repeat 50% 50%/cover;transform:translateX(-50%)}
  .main .sec02_1 ul>li>div{display:none}
  .platform-arc{top:5%;height:20%}
  .main .sec02_1 ul>li>p{font-size:1.25rem;line-height:1.75rem}
  .main .sec03_1 dl{min-height:8rem;background-position:left 2.5rem top 2.5rem !important}
  .main .sec03_1 dl dt{font-size:1.5rem;line-height:1.2}
  .main .sec03_1 dl + dl {margin-top: 1.875rem;}
  .main .sec03_1 dl dt + dd{font-size:1.5rem;line-height:1.3;word-break: keep-all;}
  .main .sec03_1 dl dt + dd br{display:none}
  .main .sec03_1 dl{padding:9.1875rem 2.5rem 2.5rem 2.5rem}

  .main .sec03 {padding: 0;}
  .main .sec03 .content{padding: 0 2.3125rem;}

  .mo_banner .btn_area{justify-content:center}
  .banner_box{margin-top:2rem;padding:2.1875rem;text-align:center;background:#88abe0 url(../images/icon/banner_bg_icon.png) no-repeat right 2.3125rem bottom 0}
  .banner_box p{color:#fff;font-weight:500;line-height:1.375rem;letter-spacing:-0.01em}
  .banner_box strong{margin-top:1.5rem;color:#fff;font-size:1.5rem;line-height:2.125rem;font-weight:600;letter-spacing:-0.01em}
  .banner_box strong>span{color:#fffb9a;font-weight:800}
  .mo_s.mo_banner {margin-top:2rem;}

  header > .content .nav_area{width:calc(100% - 6.375rem)}
  header > .content nav ul>li>a{font-size:0.9375rem}
  header > .content .tool_box>li>a{font-size:0.9375rem}
  header > .content .tool_box{gap:1rem}  
  header > .content .logo{max-width:6.5625rem}
  header > .content .open_btn{width:1.5rem;height:1.375rem}
  header > .content .mo_header_btn{gap:1.25rem}
  header > .content .mo_header_btn a.btn.line_btn{width:5rem;height:2rem;font-size:0.75rem}


  
  .tit_box p{font-size:1.1875rem;line-height:1.4375rem}
  .tit_box strong{margin:1rem 0 2.125rem;font-size:1.9375rem;line-height:2.3125rem}
  .tit_box strong>span{line-height:2.3125rem}

  /*온라인  */
  .online .online_tit{margin-bottom:1.875rem}
  .online_tit strong{font-size:1.5rem;line-height:2.25rem}  
  .online .sec01 .sec01_2>ul{display:block}
  .online .sec01 .sec01_2>ul>li{display:flex;width:100%;padding:0}
  .online .sec01 .sec01_2>ul>li:before{width:3.5rem;height:3.5rem;margin-bottom:0;margin-right:1.25rem;background-size:3.5rem}
  .online .sec01 .sec01_2>ul>li>div{width:calc(100% - 4.75rem);font-size:0.875rem;line-height:1.3125rem}
  .online .sec01 .sec01_2>ul>li br{display:none}
  .online .sec01 .sec01_2>ul>li + li{margin-top:3.125rem !important}
  .online .sec01 .sec01_2>ul>li strong{margin-bottom:0.25rem;font-size:1rem;line-height:1.5rem}
  .online .sec01 .sec01_2>ul>li div ul>li{font-size:0.75rem;line-height:0.875rem}
  .online .sec02 .content{padding-top:6.25rem}
  .online .sec02 .sec02_1>ul{max-width:none}
  .online .sec02 .sec02_1>ul .image img{width:100%}
  .online .sec02 .sec02_1>ul>li{padding:0}
  .online .sec02 .sec02_1>ul>li + li{margin-top:1.875rem !important}
  .online .sec02 .sec02_1>ul>li .txt{margin-top:0;padding:1.25rem 1.25rem 2.5rem}
  .online .sec02 .sec02_1>ul>li .txt>span{font-size:1rem;line-height:1.625rem}
  .online .sec02 .sec02_1>ul>li .txt>strong{margin:0.25rem 0;font-size:1.25rem;line-height:2rem}
  .online .sec02 .sec02_1>ul>li .txt>p{font-size:0.875rem;line-height:1.4375rem}
  .online .sec02 .sec02_1>ul>li .txt>p br{display:none}
  .online .sec04 .content{padding-bottom:6.875rem}
  .online .sec04 .online_tit strong br{display:block}
  .online .sec04_1{padding:2.5rem 1.25rem;}
  .online .sec04_1>div ul{display:block}
  .online .sec04_1>div ul>li{width:100%;margin-top:2.5rem}
  .online .sec04_1>div ul>li:nth-child(1){margin-top:3rem}
  .online .sec04_1>div:last-child{margin-top:7.25rem}
  .online .sec04_1:before{top:calc(50% + 3.1875rem);width:calc(100% - 2.5rem)}
  .online .sec04_1:after{top:calc(50% + 3.1875rem);width:2rem;height:2rem;background-size:1.375rem}
  .online .sec04_1>div strong{font-size:1.25rem;line-height:1.5rem}
  /* 테스트 */
  .test .sec01 .content .search .input input{height:3rem}
  #categorySelect{height:3rem;font-size:1rem}
  .test .sec01 .items{gap:1.4375rem;margin-top:1.25rem}
  .test .sec01 .items .item{width:100%}
  .test .sec01 .items .item strong{font-size:1.25rem;line-height:1.75rem}
  .test .sec01 .items .item a>div:nth-child(1){padding:1.625rem 2.0625rem;border-radius:1rem 1rem 0 0}
  .test .sec01 .items .item a>div:nth-child(2){padding:1.625rem 2.1875rem 1.5625rem;border-radius:0 0 1rem 1rem}
  .test .sec01 .items .item p{font-size:0.875rem;line-height:1.4375rem}
  .test .sec01 .items .item ul{gap:1rem}
  .test .sec01 .items .item ul li{gap:0.25rem;padding:0.375rem 0.8125rem;font-size:0.875rem}
  .test .sec01 .items .item ul li:before{width:1.5rem;height:1.5rem}
  .test .mo_banner{background-color:#f8f8f8}

  .pop_layer .popup .pop_cont{padding:1.25rem 1.25rem 2rem}
  .pop_layer .popup .pop_head{padding:1.25rem 1.25rem 1rem}
  .pop_layer .popup .pop_head .pop_tit{font-size:1rem;line-height:2rem}
  .pop_layer .popup .pop_cont .pop_in_tit{align-items:unset}
  .pop_layer .popup .pop_cont .keyword>ul{flex-wrap:wrap;gap:0.375rem 0.625rem}
  .pop_layer .popup .pop_cont .keyword>ul>li{padding:0.375rem 0.75rem;font-size:0.75rem;line-height:1.0625rem;font-weight:700}
  .pop_layer .popup .pop_cont .keyword>ul>li + li{margin-left:0}
  .pop_layer .popup .pop_cont .keyword{padding:0 0 1.25rem}
  .pop_layer .popup .pop_cont>div:not(.detail_box, .image, .keyword){padding:1.25rem 0}
  .pop_layer .popup .pop_cont .detail_box>div:not(.pop_tit, .image){padding:2rem 0}
  .pop_layer .popup .pop_cont div.image{padding:0}
  .pop_layer .popup .pop_cont .dot_list li{font-size:0.875rem;line-height:1.25rem}
  .pop_layer .popup .pop_cont .cnt_list{padding:0.625rem 0.625rem 1.25rem}
  .pop_layer .popup .pop_cont .cnt_list li{font-size:0.875rem;line-height:1.25rem}
  .pop_layer .popup .pop_cont .cnt_list li + li{margin-top:1.25rem}
  .pop_layer .popup .pop_cont .chk_list li>div{font-size:0.875rem;line-height:1.25rem}
  .pop_layer .popup .pop_cont .detail_box .pop_tit{padding:0.375rem 1.25rem}
  .pop_layer .popup .pop_cont .detail_box .pop_tit strong{font-size:1rem;line-height:2rem}
  .pop_layer .popup .pop_cont .pop_in_tit:before{margin-right:0.375rem}

  .pop_layer.type02 .popup .btn_close{top:1.375rem}
  .pop_layer.type02 .popup .pop_cont{padding:1.25rem 1.25rem 1.875rem}
  .pop_layer.type02 .popup .pop_cont form>div{padding:1.25rem 0}
  .pop_layer.type02 form>.aster>label{min-width:5.125rem}
  .pop_layer.type02 form>.aster>label, .pop_layer.type02 form>div>span, .pop_layer.type02 form>div>label{font-size:0.875rem;line-height:1.25rem}
  .pop_layer.type02 .popup .pop_cont form>div.txt_box{padding-bottom:2.5rem}
  .pop_layer.type02 .input input{height:2.75rem;font-size:0.875rem}
  .chk_area{flex-wrap:wrap;justify-content:flex-start;gap:2.5rem 0;padding:0 0 2.5rem}
  .chk_area .checkbox{width:50%}
  .checkbox label{font-size:0.875rem}
  .checkbox label:before{min-width:1.5rem;height:1.5rem}
  .pop_layer.type02 form .info_box>div{font-size:0.875rem}
  .pop_layer.type02 form .btn{width:11.125rem;height:2.875rem;margin-top:3.875rem;font-size:1rem}
  .pop_layer.type02 form textarea{font-size:0.875rem;line-height:1.25rem}

  .exhibition_alert {position: fixed;z-index: 100000;width: 350px;height: 365px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
  .exhibition_alert .btn_close{z-index: 100001;position: absolute;top: 8px;right: 10px;width: 20px;height: 20px;cursor: pointer;}
  /* footer{display:none} */
}

@media screen and (max-width:359px) {
  html, body{font-size:14px}
}

@media screen and (max-width:320px) {
  html, body{font-size:12px}
}