@charset "utf-8";
/* 2025.10 추가 */
/* 공통 */
body * {
  font-family:'Pretendard' !important;
}
body #contentWrap {font-size:14px;}
.roboto {font-family:'Roboto' !important}
.member {font-size:16px;font-weight:400;color:#1a1a1a;}
.fc-black {color:#1a1a1a !important;}
.fc-gray {color:#666666 !important;}
.fc-gray2 {color:#999999 !important;}
.fc-blue {color:#0036ff !important;}
.fc-primary {color:var(--color-primary) !important;}
.fc-sky {color:#77BAFF !important;}
.fc-pink {color:#FF2E98 !important;}
.txt-p1 {font-size:initial;}
.txt-ample p {color:#666666;}
.necessary {color:#FF2E98;}
.act {color:var(--color-primary);}
.fw300 {font-weight:300 !important;}
.fw400 {font-weight:400 !important;}
.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}
.fw700 {font-weight:700 !important;}
.fw800 {font-weight:800 !important;}
.lh1 * {line-height:1 !important;}/*260210 추가*/
.lh13 * {line-height:1.3 !important;}
.lh14 * {line-height:1.4 !important;}
.lh15 * {line-height:1.5 !important;}
.ls-05 {letter-spacing:-0.5px;}
.w80px {width:80px !important;}
.w100px {width:100px !important;}
.w120px {width:120px !important;}
.w140px {width:140px !important;}
.w160px {width:160px !important;}
.w180px {width:180px !important;}
.w200px {width:200px !important;}
.no-border {border:none !important;}
.scroll-y {overflow-y:auto;}
.va-m {vertical-align:middle;}
.h1 {font-size:66px;font-weight:700;}
.h2 {font-size:48px;font-weight:700;}
.h3 {font-size:40px;font-weight:700;}
.h4 {font-size:32px;font-weight:700;}
.h5 {font-size:26px;font-weight:700;}
.h6 {font-size:24px;font-weight:700;}
.h7 {font-size:22px;font-weight:700;}

.dottxt {position:relative;font-size:14px;padding-left:10px !important;}
.dottxt:before {content:'•';position:absolute;left:0;margin-top:-1px;}

.dotul li {position:relative;font-size:14px;}
.dotul:has(li:nth-of-type(2)) li {padding-left:10px;}
.dotul:has(li:nth-of-type(2)) li:before {content:'•';position:absolute;left:0;margin-top:-1px;}

.member .inptxt input:-internal-autofill-selected {
    background-color: #000000 !important;
}
.member .select {display:inline-block;}
.member p {color:#666666;}
.flex-1 {flex:1;}
.flex-between {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-direction:row;
}
.flex-between > * {
    width:auto !important;
}
.flex-start {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:nowrap;
    flex-direction:row;
}
.flex-center {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:row;
}
.flex-center-column {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
}
.cont-bottom {
    position:absolute;
    z-index:1;
    bottom:40px;
    left:0;
    right:0;
}
.footer-wrap {margin-top:130px;}
.folder-title {
    position:relative;
    padding:10px 15px;
    font-size:18px;
    font-weight:600;
    color:#111111;
}
.folder-txt {
    display:inline-block;
    display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;
}
.folder-txt span {
    display:inline-block;
    padding-right:12px;
    margin-right:6px;
    background:url(../images/arr_next.png) no-repeat 100% center;
    background-size:6px 9px;
}
.folder-txt span:last-child {
    background:none;
    padding-right:0;
}
.folder-url {display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;}
.folder-title:before {
    position:absolute;
    left:0;
    content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAYAAACQN/8FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC40IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOTlFRjAyQ0I5RkIxMUYwQTQzQkUyRTc4QzZFMzQ5MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOTlFRjAyREI5RkIxMUYwQTQzQkUyRTc4QzZFMzQ5MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM5OUVGMDJBQjlGQjExRjBBNDNCRTJFNzhDNkUzNDkzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM5OUVGMDJCQjlGQjExRjBBNDNCRTJFNzhDNkUzNDkzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+cNMt0QAAAMVJREFUeNp00T0LQWEYxvHnUBSLKJ/C5JhYlLeSEh9BRoPVR1F2yaDEwIDBougMRt+AFApl8n/qHnR33PWrc51z1fNyHNd148aYBQJowzM+Yz+mkEEaK2T/FQ/YS45hiZJf8YkCNvIuihkaumjngSrmkkMYo6WLdt5oYig5iAG6umjngw6ukh307N510e5vioTkC4q4/RYjcoic5DsqOP4uHcYEeVXy9GFGKMvzCzXs9PUkUVelrd+Fn9HHSS557fcLvwIMAKAwJJATdXgQAAAAAElFTkSuQmCC);
}
/* 미리보기 */
#ly-preview {
    height:auto;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    background:#fff;
}
#ly-preview .iframe-preview {
    position:fixed;
    z-index:10;
    top:55px;
    left:0;
    width:100vw;
    height:calc(100vh - 55px);
    border:none;
}

/* 약관 */
.wrap-rule.mt30 {margin-top:20px !important}
.area-policy .inner>strong {font-size:22px;font-weight:700;}
.area-policy .inner>strong>span {color: #1a1a1a}
.area-policy .inner>strong>em {font-weight:700;color:#FF2E98 !important}
.wrap-rule .box-base .rule strong {font-weight:700;color:#1a1a1a;s}
.wrap-rule .box-base .rule strong.bigtit {font-size:20px;sfont-weight:700;color:#1a1a1a !important}
.wrap-rule .box-base .rule p {font-size:16px;color:#666666;}
.wrap-rule .box-base .rule ul li {padding-left:20px;font-size:16px;color:#666666;}

/* 테이블 */
.tbl-type02 thead th {
    height:30px;
    padding:10px 0;
}
table.style02.renewal3 th {
    height:28px;
    border-top:1px solid #cfcfcf;
    background:#ebebeb;
}
table.style02.renewal3 th .group-array {
    margin:3px 0 0 5px;
}
table.style02 td {
    padding:10px;
}
table.style02 td .file-name, table.style02 td .folder-txt {
    display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;
}
table.style02 td:has(.file-ver) {
    position:relative;
}
table.style02 td .file-ver {
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
}
table.style02 td .file-ver span {
    position:absolute;
    width:52px;
    top:-34px;
    left:50px;
    padding:6px 12px;
    background:#fff;
    border:1px solid #cdcdcd;
    border-radius:2px;
}
table.style02 td .file-ver:hover span {
    display:inline-block;
}
table.style02 tr.this td {
    background:#f0f8fd;
}
table.style02 tr.empty td {
    padding:0;
    height:10px;
    background: #f2f2f2;
}
.k-content .tbl-type03 th {
    padding:6px 12px !important;
    height:26px !important;
    background:#F3F5F6;
}
.k-content .tbl-type03 td {
    padding:0 12px;
    height:38px !important;
}
.k-content .tbl-type03 th:first-child,
.k-content .tbl-type03 td:first-child {
    border-left:none;
}
.k-content .tbl-type03 th:last-child,
.k-content .tbl-type03 td:last-child {
    border-right:none;
}
.k-content .tbl-type03 td.align-l {
    padding:0 8px !important;
}
.k-content .tbl-type02 th {
    padding:0 8px !important;
    height:38px !important;
    background:#F3F5F6;
    border-right:1px solid #dddddd;
    vertical-align:middle !important;
}
.k-content .tbl-type02 th:last-child {border-right:none;}
.k-content .tbl-type02 td {
    padding:6px 12px;
    height:28px !important;
    line-height:1.4;
    vertical-align:middle !important;
}
.k-content .tbl-type02.vtm tbody td {padding:6px 12px;}
.k-content .tbl-type02 .bold {font-weight:500;}
.k-content .tbl-type02 .fnt14 {font-size:16px !important;}
.k-content .fnt12 {font-size:14px !important;}
.k-content .fnt13 {font-size:16px !important;}
.k-content .wrap-rule {margin-top:20px;}
.tbl-type03 tbody td.bold, .tbl-type03 tbody td .bold {font-weight:500 !important;}
.tbl-type03 tbody {font-size:18px;}
.k-content .tbl-type03 tbody {font-size:16px;}
.tbl-type03 tbody td a {color:#1a1a1a;}
.tbl-type03 tbody td a:hover {color:#1a1a1a !important;font-weight:700;}
.tbl-type05 {border-top:2px solid #3C3C3C;}
.tbl-type05 tr {
    border-bottom:1px solid #dddddd;
}
.tbl-type05 th {
    text-align:left;
    padding:12px 0;
    background:#fff;
    vertical-align:middle;
    line-height:1.4;
}
.tbl-type05 td {
    text-align:left;
    padding:12px 0;
    vertical-align:middle;
}
.tbl-type05 th:first-child,
.tbl-type05 td:first-child {
    border-left:none;
}
.tbl-type05 th:last-child,
.tbl-type05 td:last-child {
    border-right:none;
}
.tbl-type05 td.vt {
    display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:6px;
}
.tbl-type06 thead th {
    padding:6px 12px;
    height:56px;
    font-size:18px;
    border-right:1px solid #dddddd;
    font-weight:700;
}
.tbl-type06 thead th:last-child {
    border-right:none
}
.tbl-type06 tbody th {
    font-weight:700;
    background:#fff;
}
.tbl-type06 td {
    padding:6px 12px;
    height:76px;
}
.tbl-type06 .ac {font-weight:700;color:#516cdd;}
.accordian .con table th {text-align:left;}
/* 팝업 */
.k-window-content > div:not(.k-window-content) {
    padding:0 !important;
}/*260119 수정*/
.member .k-window-content > div:not(.k-window-content) {
    padding:30px 30px 35px !important;
}/*260119 추가*/
/* 분류관리 팝업 */
.k-window-content > div.sort_content {
  padding: 20px !important;
  padding-bottom: 50px !important;
}/*260428 추가*/
.input-box {
    border:1px solid #dddddd;
    border-radius:12px;
    padding:20px;
}
.layer_address .add_box {
    padding:20px;
    border:1px solid #dddddd;
    background:#fff;
    border-radius:12px;
}
.layer_address .add_box .add_in_box {
    height:auto;
    display:flex;justify-content:space-around;align-items:center;flex-wrap:nowrap;
}
.layer_address .add_box .add_in_box label {
    display:none;
}
.layer_address .add_box .add_in_box .inptxt {flex:1;}

/* 요금제 신청 */
.step-service {padding:0;}
.step-service ul {
    display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;
}
.step-service ul li {
    position:relative;
    padding-right:56px;
    margin-right:50px;
    font-size:18px;
    font-weight:500;
    color:#666666;
}
.step-service ul li:before {
    position:absolute;
    top:10px;
    right:0;
    content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAPCAYAAAA2yOUNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACNSURBVHgBjZLRDcMgDERzhj2aFWCBNpt2k3YBoBuUbJAJIHaUSBEiEH+ALZ58PmQ45/4554GIXtbaeagE7feYUvp67x9ViGMCEFsg5AghCPBh2ZHLWErjSFogzm2vQJT6JaiUMqi54eGfYkJyhieqdeKH915GrfWPejMZY5b77rr/1AMkqAds0OGitQUrhiKSJlEshpwAAAAASUVORK5CYII=);
}
.step-service ul li:last-child {
    padding-right:0;
    margin-right:0;
}
.step-service ul li:last-child:before {display:none;}
.step-service ul li span {
    display:inline-block;
    margin-right:12px;
    width:40px;
    height:40px;
    color:#999999;
    font-size:18px;
    font-weight:700;
    line-height:41px;
    text-align:center;
    border-radius:100%;
    border:1px solid #dddddd;
}
.step-service ul li.on {
    color:#1a1a1a;
}
.step-service ul li.on span {
    color:#fff;
    background:var(--color-primary);
    border-color:var(--color-primary);
}
.product-body {
    display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;
}
.product-body .body-expand {
    width:100%;
    color:#666666;
}
.product-body .body-left {
    flex-basis:894px;
}
.product-body .body-right {
    flex-basis:280px;
    position: sticky;
    top: 90px;
}
.list-top {display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;}
.list-top .tit {font-size:22px;font-weight:700;color:#1a1a1a;}
.list-top .label {color:#666 !important;}
.list-top .select {border:none !important;}
.list-top h4 {padding-top:0 !important;}
.list-form > ul {margin-top:30px;border-top:2px solid #1a1a1a;}
.list-form > ul.sub_ul {margin-top:0px;border:none}
.list-form > ul > li {
    padding:25px 0;
    display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;
    border-bottom:1px solid #dddddd;
}
.list-form > ul.small-p li {padding: 12px 0;}
.list-form .label, .list-accordion .label {
    position:relative;
    padding-left:15px;
    font-size:16px;
    font-weight:500;
    color:#1a1a1a;
}
.list-form .label.required:before, .list-accordion .label.required:before {
    position:absolute;
    content:'*';
    top:2px;
    left:0;
    color:#FF2E98;
}
.list-form li > .label {
    flex-basis:177px;
}
.list-form li > .label .tag.large {margin-left:-8px;margin-top:4px;}
.list-form li > .field {flex:1;}
.list-form li > .field > * {margin:0 2px;}
.list-form li > .field p {margin:12px 0 0;font-size:14px;color:#666;}
.list-form li > .field p ~ p {margin-top:4px;}
.radio-set {
    height:50px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:nowrap;
    gap:8px;
}
.radio-set * {
    flex:1;
}
.radio-set ~ .radio-set {margin-top:7px !important;}
.ex-panel {
    font-weight:500;
    padding:30px 25px;
    background:var(--color-bg-01);
    border-radius:20px;
}
.ex-panel ~ .ex-panel {margin-top:21px;}
.ex-panel p:nth-child(1) {font-size:18px;font-weight:700;color:#1a1a1a;}
.ex-panel p:nth-child(2) {margin-top:3px;font-size:34px;font-weight:800;color:var(--color-primary);}
.ex-panel ul {margin-top:25px;}
.ex-panel ul li {display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;}
.ex-panel ul li > span:nth-child(1) {font-size:14px;font-weight:500;}
.ex-panel ul li > span:nth-child(2) {font-size:16px;font-weight:700;}
.ex-panel ul li:nth-child(2) {margin-top:9px;}
.ex-panel ul li:nth-child(2) > span:nth-child(2) {color:#666666 !important;}
.ex-panel .ex-total {
    margin-top:25px;
    display: flex;
    padding: 15px 20px;
    flex-direction: column;
    gap: 10px;
    border-radius: 12px;
    background:#fff;
}
.ex-panel .ex-total div:nth-child(1) {font-size:14px;}
.ex-panel .ex-total div:nth-child(2) {font-size:26px;font-weight:800;text-align:right;}
.content-panel {
    padding:33px 40px;
    background:#F5F7FF;
    border-radius:20px;
}
.content-panel p {color:#1a1a1a;}
.content-panel.type2 {padding:20px 28px;}
.content-panel.type3 {padding:32px 50px;color:#fff;background:#1a1a1a;}
.content-panel .inner {
    display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;
}
.content-panel .inner p:nth-of-type(1) {font-size:20px;font-weight:700;}
.content-panel .inner p:nth-of-type(2) {margin-top:7px;color:#666666;}
.content-panel .desc-ex {
    display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;
    margin-top:20px;
    padding:20px 0 0;
    border-top:1px solid #ddd;
}
.content-panel .desc-ex ul {
    margin-top:10px;
    color:#666;
}
.content-panel .desc-ex ul li {line-height:1.4;}
.content-panel .desc-ex > div:first-child {flex:1;}
.content-panel .desc-ex > div:last-child {text-align:right;flex-basis:210px;}
.content-panel .desc-ex > div:last-child .select {margin-top:8px;text-align:left;}
.content-panel.type3 .total {font-size:40px;font-weight:800;text-align:right}
.list-policy li {
    display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;
}
.content-panel+.fnt18.align-c {color:#1a1a1a;}
.list-policy>li:first-child {background:transparent;}
.list-policy>li:first-child .k-checkbox-label {font-size:18px;font-weight:500;color:#1a1a1a}
.list-policy li .left {flex:1;float:none;margin:0;}
.list-policy li .right {text-align:right;float:none;}
.list-policy li .k-checkbox+.k-checkbox-label {padding-left:36px;}
.list-policy li .k-checkbox+.k-checkbox-label em {color:#999999;}

.list-policy.single-policy > li .right .group-chkbox {margin:0;} /*260219 추가*/
.list-policy.single-policy > li:first-child .k-checkbox-label {font-size:16px; font-weight:400; color: #666666;} /*260219 추가*/
.list-policy.single-policy > li .right .btn-see {line-height: 32px; padding: 0;} /*260219 추가*/

.list-accordion > ul {margin-top: 30px;border-top:2px solid #1a1a1a;}
.list-accordion > ul > li {
    border-bottom:1px solid #dddddd;
}
.list-accordion > ul > li .head {
    position:relative;
    height:80px;
    font-size:18px;
    font-weight:500;
    color:#1a1a1a;
    display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;
}
.list-accordion > ul > li .head .k-checkbox-label {
    flex:1;
    color:#1a1a1a !important;
}
.list-accordion > ul > li .head .ad {
    margin-right:30px;
    width:60px;
    height:60px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD4SURBVHgB7dLNaQJBGIfx/0waSAepQ1khJaQDc8xxYUUiOcRbcrGHpIOkgwRWPdvB2kEqcLKzelAEv+AdUZ4fLOzADMPDOxIAAAAAAAAAALhMRfFypyOdcuYYNzJSFIOu8+Gn3c40mZS/h5zp9Z5fnddXq9WpptNyJgNeRrxX1fw4N4wh+/Y3e+q9yyNhLiNmE66nOs+yThWkh7rgftek12PDQo+j0fu3jJgFR+NxOdsXvR379ilDpsHRrujUsZFTIv3+oLsI+mgWIQyXt6eNba5UQhvRKyljI/MnvW7jecv91bFPKWPPJs/z2/gJAAAAAAAAAABcl3+4ZG+xOjBdkAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
}
.list-accordion > ul > li .head .ad.active {
    transform:rotate(180deg);
}
.list-accordion > ul > li .cont {
    display:none;
    padding:0;
    transition:all 400ms;
    overflow:hidden;
}
.list-accordion > ul > li:has(.head .ad.active) .cont {
    padding:25px 30px 10px;
    display:block;
}
.paymentckGroup > ul > li .cont {
    background:#f7f7f7;
}
.paymentckGroup .k-checkbox+.k-checkbox-label {
    font-weight:400;
    padding-left:38px !important;
}
.paymentckGroup .k-checkbox:checked+.k-checkbox-label {
    font-weight:700;
}

/* 태그 라벨 */
.tag {
    padding:0 6px;
    display:inline-block;
    text-align:center;
    color:var(--color-font-01);
    border:1px solid #dddddd;
    border-radius:4px;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
}
.tag.large {
    font-size:16px;
    padding:4px 10px;
    border-radius:6px;
}
.tag.big {
    font-size:18px;
    padding:8px 14px;
    border-radius:8px;
}
.tag.blue {
    color:var(--color-primary);
    border-color:var(--color-primary);
}
.tag.round {
    border-radius:20px;
}
.tag.pink {
    color: #ff2e98;
    border-color:#ff2e98;
}
.tag.blue {
    color: #516cdd;
    border-color:#516cdd;
}
.tag.fill-black {
    color: #fff;
    background:#1a1a1a;
    border-color:#1a1a1a;
}
.tag.fill-blue {
    color: #fff;
    background:#516cdd;
    border-color:#516cdd;
}
/* input text */
.inptxt {padding:0;}
.inptxt:has(input[readonly]) {
    //border:1px solid #dddddd !important;
}
.inptxt input[readonly], .inptxt input[disabled] {
    background:#F7F7F7 !important;
    color:#666666;
}
.inptxt-readonly input[readonly] {
    width:100%;
    height:40px;
    padding:0 16px;
    background:#F7F7F7;
}
.inptxt:has(input:focus) {
    border-color: #516CDD;
}
.inptxt.large {
    display: block;
    height: 58px !important;
    padding: 0;
    margin: 0;
    font-size: 16px;
    border:none;
}
.inptxt.large input {
    position: relative;
    width:100%;
    height: 100%;
    padding: 0 18px !important;
    background: #ffffff;
    font-size: 16px;
    border:1px solid #dddddd;
    border-radius:12px;
    box-sizing: border-box;
}
.inptxt.large input:focus {
    border-color:#516CDD;
}
.inptxt input:not(:placeholder-shown) {
    background:#F5F7FF;
}
.inptxt.large .resms_btn {
    position: absolute;
    top: 9px;
    right: 10px;
    width: 121px;
    height: 40px;
    padding: 8px 10px;
    color: #666;
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 8px;
}
.inptxt.large .resms_btn:hover {
    border-color:#1a1a1a;
}

#signFrm .inptxt.over input {color:#1a1a1a !important;}
#folderArticleManage .inptxt.article-manage-input {padding: 6px 9px 7px;}/*260209 추가*/
#folderArticleManage .inptxt.article-manage-input input {background: transparent !important;}/*260209 추가*/

.member .inptxt input {
    padding:0 12px;
}
.member .datepicker {
    height:38px;
}
.member .datepicker .k-picker-wrap {
    border-color:#dddddd;
    border-radius:6px;
}
.member .datepicker .k-datepicker, .member .datepicker .k-picker-wrap {
    height:38px !important;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
}
.member .datepicker .k-input {
    padding:0 0 0 6px;
    height:36px;
    border-radius:7px;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
}
.member textarea {
    border-color:#dddddd;
    border-radius:6px;
    padding:12px;
}
.member textarea:focus {
    border-color:#516cdd;
}

/* 버튼 */
.member .btn_box .btn-style-m {
    min-width:auto;
    width:120px !important;
    height:40px !important;
    line-height:40px !important;
    vertical-align:middle;
}
.member .k-content .btn-style-m {
    height:40px;
    line-height:40px;
}/*260119 수정*/
.member .btn-style-m.type06 {
    font-size:14px;
    padding:0 12px;
    min-width:auto;
    min-height:auto;
    width:auto;
    height:32px;
    line-height:32px;
    background:#fff;
    border-color:#dddddd;
}
button:disabled, a:disabled {
    pointer-events:none;
}
.nbtn {
    height:32px;
    min-width:72px;
    padding:0 22px;
    line-height:31px;
    color:#101212;
    font-weight:400;
    text-align:center;
    border:1px solid #101212;
    border-radius:4px;
}
.nbtn.red {
    color:#ffffff;
    background:#ef5220;
    border:none;
}
.member button {
    height: 40px;
}
.member .btn-style-m ~ .btn-style-m {margin:0 2px;}
.member .btn-style-m {
    padding: 0 20px;
    font-size:18px;
    text-align:center;
    border-radius:6px;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
}
.member span.btn-style-m {
    pointer-events:none;
}
.member .btn-style-m.type07 {
    padding:0 12px !important;
    width:auto;
    min-width:auto;
    height:40px !important;
    font-size:16px !important;
    line-height:40px;
    font-weight:500;
    border: 1px solid #cccccc !important;
    background: #fff;
    color: #1a1a1a !important;
    border-radius:6px;
    vertical-align: middle;
}
.member .btn-style-m.type07.large {
    padding:0 20px !important;
    height:50px !important;
    line-height:50px !important;
    font-size:18px !important;
    border-radius:8px;
}
.member .btn-style-m.type07:hover {
    color:#1a1a1a !important;
    border-color:#1a1a1a !important;
}
.member .webhard + .intro-bg + .intro-bg .btn-style-m.type07 {
    color:#666666 !important;
}
.member .webhard + .intro-bg + .intro-bg .btn-style-m.type07:hover {
    background:#f7f7f7;
    border-color:#dddddd !important;
}


.member .btn-style-m.type07:active {
    color:#1a1a1a;
    border-color:#1a1a1a;
}
.member .btn-style-m.type07.primary {
    color:#fff !important;
    background:var(--color-primary);
    border:none !important;
}
.member .btn-style-m.type10 {
    width:auto;
    min-width:auto;
    height:50px;
    line-height:50px;
    color:#fff;
    font-weight:500;
    border-radius:8px;
    background:#516CDD;
}
.member .btn-style-m.type10:hover {
    background:#4059C3;
}
.member .btn-style-m.type10.dark {
    color:#ffffff;
    background:#1a1a1a;
    border:none;
}
.member .btn-style-m.type09 {
    width:auto;
    height:50px;
    line-height:50px;
}
.member .btnBottom {
    padding-top:50px;
}
.member .btnBottom .btn, .btn-style-m.new {
    height: 50px;
    background: #B9B9BD;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    letter-spacing: initial;
    border: none;
    border-radius: 6px;
    box-sizing: border-box;
}
.member .btnBottom .btn-style-m, .member .btnBottom .btn {
    width:200px;
    min-width: 200px;
    height: 50px;
    line-height:50px;
    margin:0 4px;
}
.member .btnBottom .btn.nega, .member .btn-style-m.new.nega {
    background: #516CDD;
}
.member .btnBottom .btn.white, .member .btn-style-m.new.white {
    color:#1a1a1a;
    background: #ffffff;
    border:1px solid #dddddd;
}
.member .align-c .btn-style-m.type09,
.member .align-c .btn-style-m.type10 {
    width:200px;
    height: 50px;
    margin:0 4px;
}
.member .btn-style-m.type09.small,
.member .btn-style-m.type10.small {
    font-size:16px;
    height: 40px;
    line-height:40px;
    border-radius:6px;
}
.member .btn-style-m.type07.tiny,
.member .btn-style-m.type09.tiny,
.member .btn-style-m.type10.tiny {
    font-size:14px !important;
    height: 30px !important;
    line-height:30px !important;
    border-radius:4px;
}
.member .btn-style-m.type07.round,
.member .btn-style-m.type09.round,
.member .btn-style-m.type10.round {
    border-radius:25px;
}
.member .btn-style-m.type07:disabled,
.member .btn-style-m.type09:disabled,
.member .btn-style-m.type10:disabled {
    opacity:0.6;
}

body:has(:not(.k-window)) .member .align-c:has(.btn-style-m) {padding-top:50px !important;}

#btnAdmEmailSearch.btn-style-m, #btnAdmPasswordSearchByEmail.btn-style-m {
    height:60px !important;
    width:250px;
    color:#1a1a1a;
    font-size:20px;
    font-weight:500;
    background-color:transparent !important;
    background:#fff;
    border:1px solid #1a1a1a;
}
#btnAdmEmailSearch.btn-style-m:hover, #btnAdmPasswordSearchByEmail.btn-style-m:hover {
    border-color:#1a1a1a !important;
}
#btnAdmEmailSearch.btn-style-m:disabled, #btnAdmPasswordSearchByEmail.btn-style-m:disabled {
    color:#1a1a1a;
    border:1px solid #dddddd;
}
#btnAdmEmailSearch.btn-style-m:active, #btnAdmPasswordSearchByEmail.btn-style-m:active {
    color:#1a1a1a;
    border:1px solid #516CDD;
}
.btn-style-m.type10.smbtn {
    font-size:14px;
    width:100px;
    height:30px;
    padding:0;
    border-radius:4px;
    line-height:30px;
}

/* 체크, 라디오 */
.member .k-radio, .member input.k-checkbox  {position:absolute;}/*260119 수정*/
.member .k-checkbox-label, .member .k-radio-label {margin-right:10px;}
.member .group-chkbox.default .k-checkbox:checked+.k-checkbox-label:before {background:none;}
.member .k-radio+.k-radio-label {
    padding:6px 0 6px 32px;
}
.member .k-radio+.k-radio-label:after {
    display:none;
}
.member .k-radio+.k-radio-label:before {
    top:0;
    margin-top:1px;
    width:25px;
    height:25px;
    border:none;
    background:transparent;
    vertical-align:middle;
    content:url(../images/radio-default.svg);
    vertical-align:middle;
}
.member .k-radio:checked+.k-radio-label:before {
    border:none !important;
    background:transparent !important;
    content:url(../images/radio-checked.svg);
}
.member .group-radio, .member .group-checkbox {
    display:block;
}
.member .group-radio.type2 .k-radio+.k-radio-label:before {
    border:none;
    background:transparent;
    content:url(../images/radio2-default.svg);
    vertical-align:middle;
}
.member .group-radio.type2 .k-radio:checked+.k-radio-label:before {
    border:none !important;
    background:transparent !important;
    content:url(../images/radio2-checked.svg);
}

.member .k-checkbox+.k-checkbox-label {
    padding:6px 0 5px 33px;
}
.member .k-checkbox+.k-checkbox-label span {margin-top:-5px;}
.member .k-checkbox+.k-checkbox-label:after {
    display:none;
}
.member .k-checkbox+.k-checkbox-label:before {
    top:1px;
    width:25px;
    height:25px;
    border:none;
    background:transparent;
    vertical-align:middle;
    content:url(../images/checkbox-default.svg);
}
.member .group-chkbox.default .k-checkbox+.k-checkbox-label:before {
    content:url(../images/checkbox-default2.svg);
}
.member .k-checkbox:checked+.k-checkbox-label {
    color:#1a1a1a;
}
.member .k-checkbox:checked+.k-checkbox-label:before,
.member .group-chkbox.default .k-checkbox:checked+.k-checkbox-label:before{
    border:none;
    background:transparent;
    content:url(../images/checkbox-checked.svg);
}
/* 요금제 라디오 */
.group-radio.half {
    padding:0;
    width:auto;
    height:auto;
    display:block;
}
.group-radio.half label {
    display:block;
    padding:0 !important;
    margin:0 !important;
    width:auto;
    height:50px;
    line-height:50px;
    color:#666666;
    font-size:17px;
    font-weight:500;
    border:none;
    text-align:center;
    border-radius:6px;
    border:1px solid var(--color-bg-01);
    background:var(--color-bg-01);
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
}
.group-radio.half label:before {display:none;}
.group-radio.half .k-radio:checked+.k-radio-label {
    color:var(--color-font-01);
    background:#fff;
    border:1px solid var(--color-primary);
}

/* 대시보드 */
#contentWrap > .content {
    position: relative;
    padding: 30px 40px 10px;
    margin-left: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index:9;
    height:calc(100vh - 148px);
}
.user-search-btn {
    margin-top:-5px;
    width:132px;
    height:30px;
    color:#fff;
    background:#666666;
}
.dashboard .s-chart {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:nowrap;
    flex-direction:row;
    gap:24px;
}
.dashboard .s-chart .item {
    position:relative;
    padding:40px;
    width:calc(50% - 12px);
    height:420px;
    background:#f6f6f6;
    border:1px solid #c8c8c8;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
}
.dashboard .s-chart .item .ctitle {
    color:#333333;
    font-size:22px;
    font-weight:600;
}
.dashboard .s-chart .item .chart-guide {
    position:relative;
    margin:-20px 0 0 14px;
    width:30px;
}
.dashboard .s-chart .item .chart-guide .gtext {
    display:none;
    position:absolute;
    width:570px;
    padding:12px 16px;
    font-size:14px;
    color:#000067 !important;
    line-height:1.5;
    background:#eff0f7;
    border:1px solid #c8c8c8;
    border-radius:5px;
    left:31px;
    top:-56px;
}

.dashboard .s-clear {
    margin:44px 0 30px;
    height:74px;
    font-size:24px;
    color:#000000;
    background:#bfd3ef;
    display:flex;
    font-weight:500;
    justify-content:center;
    align-items:center;
    flex-wrap:nowrap;
    flex-direction:row;
}
.dashboard .s-clear > img {
    margin:-26px 35px 0 0;
}
.dashboard .s-clear button {
    margin-left:54px;
    width: 120px;
    height: 34px;
    background: #3c407e;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
}
.dashboard .fileclear-delbtn {
    padding:0 18px;
    height: 34px;
    background: #999999;
    color: #fff;
    font-size: 14px;
}
.dashboard .clear-guide {
    margin:24px 0;
    height:74px;
    font-size:22px;
    color:#000000;
    background:#dee6f1;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:nowrap;
    flex-direction:row;
}
.s-clear .sch-file {
    height:36px;
    border:1px solid #cdcdcd;
}
.s-clear .sch-file input[type=text] {
    padding:0 12px;
    width:240px;
    height:36px;
}
.dashboard .fileclear-search-text {
    position: relative;
    float: right;
    margin-top: -44px;
    margin-right: 120px;
    font-size: 14px;
    color: #333;
    line-height: 32px;
}
.dashboard .fileclear-search-btn {
    position:relative;
    float:right;
    margin-top:-44px;
    z-index:1;
    width: 100px;
    height: 32px;
    background: #516cdd;
    color: #fff;
    font-size: 14px;
}

/* 튜토리얼 */
.folder-tutorial {
    position:absolute;
    z-index:1024;
    top:0;
    bottom:0;
    left:0;
    right:0;
    min-width:1280px;
    color:#ffffff;
    font-size:24px;
    font-weight:500;
    background:rgba(0,0,0,0.8);
}
.folder-tutorial * {box-sizing: border-box;-webkit-box-sizing:border-box;}
.folder-tutorial .head {
    padding:24px 0;
    text-align:center;
    color:#a8a7f3;
}
.folder-tutorial .head .dashboard-check {
    padding-left:54px;
    color:#d3d2ff;
    font-size:50px;
    font-weight:600;
    background: url(../images/tutorial/check-off.png) no-repeat 0px 50%;
}
.folder-tutorial .head .dashboard-check.active {
    background: url(../images/tutorial/check-on.png) no-repeat 0px 50%;
}
.folder-tutorial .btn_close {
    position:absolute;
    z-index:1;
    padding:28px;
    top:20px;
    right:30px;
}
.folder-tutorial .left-area {
    position:absolute;
    z-index:1;
    top:52px;
    left:0px;
}
.folder-tutorial .left-area .menu-btn {
    position:relative;
}
.folder-tutorial .content {
    position:absolute;
    z-index:1;
    top:135px;
    left:90px;
    right:54px;
    height:420px;
    border-image:url(../images/tutorial/dashed.png) 3 / 3px round;
}
.folder-tutorial .chart-area {
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:nowrap;
    flex-direction:row;
    gap:24px;
}
.folder-tutorial .chart-area .item {
    position:relative;
    padding:40px;
    font-size:22px;
    width:calc(50% - 12px);
    height:420px;
}
.folder-tutorial .chart-area .item .chartimg {
    display:inline-block;
    margin-top:-10px;
    width:330px;
    height:auto;
}
.folder-tutorial .chart-area .extxt {
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    right:0;
}
.folder-tutorial .chart-area .extxt img {
    position:absolute;
    z-index:1;
    top:73px;
    left:20vw;
    right:0;
    width:34vw;
    height:73px;
}
.folder-tutorial .chart-area .extxt .txt {
    position:absolute;
    z-index:1;
    top:156px;
    width:100%;
    text-align:center;
}
.folder-tutorial .fileclear-area {
    position:relative;
    margin:44px 0 30px;
    height:74px;
    font-size:24px;
    font-weight:500;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:nowrap;
    flex-direction:row;
}
.folder-tutorial .fileclear-area .btnset {
    position:relative;
}
.folder-tutorial .fileclear-area .hbtn {
    position:relative;
    display:inline-block;
    margin-left:53px;
    width: 120px;
    height: 34px;
    background: #6565a6;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    text-align:center;
    z-index:2;
}
.folder-tutorial .fileclear-area .btnset .ex {
    position:absolute;
    right:0;
    bottom:19px;
    width:600px;
    text-align:left;
    font-size:22px;
}
.folder-tutorial .recent-area {
    color:#fff;
    position:relative;
    height:600px;
    border-image:url(../images/tutorial/dashed.png) 3 / 3px round;
}
.folder-tutorial .recent-area .folder-title {
    color:#fff;
}
.folder-tutorial .recent-area .folder-title:before {
    opacity:0;
}
.folder-tutorial .recent-area .ex {
    position:absolute;
    left:50px;
    top:-76px;
    width:600px;
    text-align:left;
    font-size:22px;
}

/* 로그인 */
.member.login {background:#EBEFFF;}
.new-login {
    width:100vw;
    height:100vh;
    background:#EBEFFF;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:nowrap;
    flex-direction:column;
}
.new-login .login-wrap {
    position:static;
    width:1200px;
    height:776px;
    padding:0;
    margin:0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:nowrap;
    flex-direction:row;
    background:transparent;
    border:none;
    border-radius:12px;
    overflow:hidden;
    -webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.1);
}
.new-login * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.new-login .login-box {
    position:relative;
    padding:80px 64px 60px;
    height:100%;
    flex:1;
    background:#fff;
    z-index:1;
    -webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.1);
}
.new-login .intro-box {
    padding:70px 30px 60px;
    width:673px;
    height:100%;
    flex-basis::673px;
    background:#516cdd;
    text-align:center;
    display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:column;
}
.new-login .login-box .login-tit {
    font-size:48px;
    font-weight:600;
    color:#1A1A1A;
}
.new-login .login-type {
    margin: 0 0 12px 0;
}
.new-login .login-box .login-guide {
    color:#1a1a1a;
    height:102px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:nowrap;
    flex-direction:column;
}
.new-login .login-box .login-guide p {
    font-size:17px;
    line-height:1.4;
}
.new-login .login-box .group-radio {
    height:50px;
    margin-top:24px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:nowrap;
    flex-direction:row;
    background:#f1f3fa;
    border-radius:25px;
}
.new-login .login-box .group-radio .group {
    position:relative;
    width:200px;
    height:50px;
    display:inline-block;
}
.new-login .login-box .group-radio.login .k-radio,
.new-login .login-box .group-radio.login .k-checkbox {
    position:absolute;
    margin:0 !important;
}
.new-login .login-box .group-radio.login .k-radio-label {
    width:200px;
    height:50px;
    margin:0;
    color: #000000;
    padding: 0 !important;
    line-height:48px;
}
.new-login .login-box .group-radio.login .k-radio-label span {
    position:relative;
    z-index:10;
    font-size: 18px;
    font-weight: 400;
    color:#9fa6c5;
}
.new-login .login-box .group-radio.login .k-radio-label:before {
    content:'';
    width: 200px;
    height: 50px;
    border-radius: 25px;
    border:none;
    background:transparent;
}
.new-login .login-box .group-radio.login .k-radio:checked+.k-radio-label span {
    color:#ffffff;
}
.new-login .login-box .group-radio.login .k-radio:not(:checked):hover + .k-radio-label span {
    color:#1a1a1a;
}
.new-login .login-box .group-radio.login .k-radio:checked+.k-radio-label:before {
    content:'';
    width: 200px;
    height: 50px;
    border-radius: 25px;
    background:#516CDD !important;
}
.new-login .login-box .input {
    margin-top:30px;
}
.new-login .login-box .input .inptxt {
    border-radius:10px;
    overflow:visible !important;
}
.new-login .login-box .input .inptxt.active {
    background:#F7F7F7 !important;
}
.new-login .login-box .input .inptxt input:focus {
    -webkit-box-shadow:inset  0px 0px 0px 1px #516CDD;
    box-shadow:inset  0px 0px 0px 1px #516CDD;
}
.new-login .login-box .input .inptxt.active input {
    -webkit-box-shadow:inset  0px 0px 0px 1px #516CDD;
    box-shadow:inset  0px 0px 0px 1px #516CDD;
    background:#ffffff !important;
}
.new-login .login-box .input input {
    padding:0 20px !important;
    line-height:50px;
    font-weight:500;
    border-radius:10px !important;
}
.new-login .login-box .group-chkbox .k-checkbox+.k-checkbox-label {
    padding-left:32px !important;
    font-size:16px;
}
.new-login .login-box .group-chkbox .k-checkbox+.k-checkbox-label:before {
    content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmI3YzY0Y2NmOSwgMjAyNC8wNy8xNi0xMjozOTowNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ2RjVGNjY3Qjg1MjExRjBCNzQwQTA5NTBCODk2QTdDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ2RjVGNjY4Qjg1MjExRjBCNzQwQTA5NTBCODk2QTdDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDZGNUY2NjVCODUyMTFGMEI3NDBBMDk1MEI4OTZBN0MiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDZGNUY2NjZCODUyMTFGMEI3NDBBMDk1MEI4OTZBN0MiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6flT9oAAACPklEQVR42rSWO4gTURSGz0wiThISMQkBiySQhGjjNrouloI2roKV9lZaWdnbiggKFtrZaiWsLiwWdi64GwVtrEImL/OCkCGEjQrxP9kzw+5yJ5mdxB++YmbunP/ec899aKVSiWboJLgCboHLIAtOgQEwwTZ4Bz6BsVsQzcUkCO6CR+AMzVcHPAYvwO+jH3XFD2cBO7/yaMBKgadgB5ybZ7IKPoMV8qcV+X/NzYR78BHEaTGdBlsHR2SbnABvZFKXIY7zVuI6Jg8WSJGbzkvcqYkBHtL/Ecc12OSGVIcvRSIRSqVSpOu6W9Xd5PWw7tcgFotRPp8nTdP2F0uno2p2ne0v+DGIRqOUy+Ucg/HYdcFfZJOMcskHg5TJZCgejytTxAZ2ihqNBg0GAzeTdNCtbJPJpEMgEKButzt9Hw6HqVAoTN+xms0mtdvtmeXMXbFUXyzLoslkst+VdJoSiQSFQqFDBhy81WrNy6zFJjXVl9FoROVy2THKZrNULBanabQnmdPkQXVdNjWlOM+VSsV5tkfQ6/WoXq97rZEvbLI5q0W/36dqteo8D4dDqtVqxynETR77hpwHrguSe85pMgyDTNN0UuhBXC0bPJI98GRea55gTt0xDEji7tl7wXPwfcn71g/w7OAu/AfckbN7GeI4tyXuoUPrJ7gq87OI+P9rEk95/O7KEfzVp8E3cOnoslDtz1U5o++DXx6Dc7t7YmCqrj4q/QUvwWs5b9Zlt+Z7V0y2IlNuNR/Ae6lSpf4JMACMnJ6E7mzP6gAAAABJRU5ErkJggg==');
    border:none;
}
.new-login .login-box .group-chkbox .k-checkbox:checked+.k-checkbox-label:before {
    content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmI3YzY0Y2NmOSwgMjAyNC8wNy8xNi0xMjozOTowNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkEyRUIxOThEQjg1MjExRjA4Nzg4QkQ4Q0Y4MDIxNTMyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkEyRUIxOThFQjg1MjExRjA4Nzg4QkQ4Q0Y4MDIxNTMyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTJFQjE5OEJCODUyMTFGMDg3ODhCRDhDRjgwMjE1MzIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTJFQjE5OENCODUyMTFGMDg3ODhCRDhDRjgwMjE1MzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5j+fGLAAADIklEQVR42rSW30sUURTHzx1nnd3VdVdndRUMMkOjMOuh6BcYtA9hSaCgWA/SDywS6i0KxCD6AyJ6CcsiCjHbpDRLs0JSiQLLykBKg4qidUd3N11n3G1u9+yWre1PVzswMMzc+/3MnHvv+R5it9shUrT3KmlTHnrMMUmrxyfVFa4pKsgKJVqBUGMqUTLTuTFzOmlO1ZPzZSWCO5IOCQdh4lrJSRuHP/j2uqcpBzGCQdQ1+XxHZgbZx2BTMSG2HmXn0Iiv7bukamGBYRE5ubiQr6iwCp3Bz+d9ZWu3UtM36O1MBICB89j8jptdyoGwEPYHpX0vvVc8MiWwiMD5/a+8l1BvHoStgZ6lyIaLCksQqIN6qDsHsUu0JdEURUsd6vohjGZ6N+Yrhf8QqIv6nOsHrWdngUtUqDBPC7tKjKDRhGYadZl+Ay+56J5EAcWrdFB/JBuSkggQ9pkdT1whY5h+GSc51dxEAEUFOjhVGwBgfLV7w45zTKq5HJaKcC/TUpPgaHUmbN9oCHlXsFyAk7UWSP6doqttEgwOe8JCWMUQ+Ejb1rrZANYtgYvVKnjwNFCa8nIFaKjLAZ0QWMYb7RNw97Er6nbmtcmEyrOhoKGRGaj+Sf3pqK00w6yXwugnBU7XZYNeGwC0PXSCrdsZNa2oTw43fJTtE2rYlG0o0sOJgxY/iFKAGVkFvS4AuNfrgsu3pJhrl5XBKZw5nfscacCLNx44d83uBxD2r38AXX1uaLJJcW0Q1OdEI2mPNqh/cBoutjj+HrBRGRpbHX5wPIH6vNFAzjA/OB7tQHb3u8GQwsGynGS4cH0cVDU+QIqOqKjPM5NxshrT+fytd3e0CbEWOFyszufvo77/67NEUoWGs5R1C/UsIqmcq8KM5kFHQ+9eCgDqoB7qzjMttMyt6zQ16NeLAeD8bes1+4MtOMTjb/com16/9z36Nq7qFwrIMXMzawt5a/kOYSD4Of/vwHKr8EyjAZF1K02sW6mKp1tJS2Hdykq+WTSRQyxFclwtUVBrZEK/QTvAas3uBSxBWCrY1lREE/eFnYM77P4s7qJIOr8EGAANMm0iAPoyuQAAAABJRU5ErkJggg==');
    border:none;
}
.new-login .login-wrap button[type="submit"] {
     margin-top:56px;
}
.new-login.sim .login-wrap button[type="submit"] {
    margin-top:10px;
}
.new-login .login-wrap .group-chkbox + button[type="submit"] {
    margin-top:56px;
}
.new-login .login-box button[type=submit]:disabled {
    background:#bdbdbd;
}
.new-login .login-box .group-radio.login .group .tooltip-wrap {
    display:none;
}
.new-login .login-box .group-chkbox {
    padding-bottom:0px !important;
}
.new-login .login-box .find {
    padding-top:26px;
}
.login-wrap .captcha-wrap {
    margin-top:20px;
    margin-bottom:-30px;
    border-radius:8px;
    background:#f1f1f1;
}
.login-wrap .captcha-wrap .captchabtn input {
    border-radius:4px;
}
.new-login .webhard_logo {
    margin: 0;
    width: 324px;
    height: 55px;
    display:inline-block;
    background: url(../images/logo_login2.png) no-repeat;
    text-indent:-9999px;
}
.new-login .intro-box .txt1 {
    font-size:32px;
    font-weight:700;
    color:#fff;
}
.new-login .intro-box .txt2 {
    font-size:18px;
    color:#fff;
}
.new-login .intro-box img {
    margin-top:50px;
}
.new-login.sim .login-wrap {
    width:527px;
    height:442px;
    display:block;
}
.new-login.sim .webhard_logo {
    margin: 0 0 42px;
    width: 235px;
    height: 40px;
    display:inline-block;
    background: url(../images/logo_login3.png) no-repeat;
}
.new-login.sim .login-wrap {
    width:527px;
    height:auto;
    padding:0;
    display:block;
}
.new-login.sim .login-box {
    flex-basis:none;
    padding:72px 65px 82px;
}
.new-login.sim .login-box .login-guide {
    margin:14px 0 32px;
    height:auto;
}
.new-login.sim .login-box .input {
    margin-bottom:30px;
}
.new-login.sim .login-box .inptxt.login-id {
    font-weight:500;
    line-height:58px;
    background:#ffffff;
}
.new-login.sim .login-box .inptxt input {
    padding-right:140px;
}
.new-login.sim .login-box .inptxt .resms_btn {
    position:absolute;
    top:9px;
    right:10px;
    width: 121px;
    height: 40px;
    padding: 8px 10px;
    color:#666;
    background:#fff;
    border: 1px solid #cccccc;
    border-radius:8px;
}
@media screen and (max-width:800px) {
    .new-login {padding:20px;box-sizing:border-box;}
    .new-login .login-wrap{width:100%;height:auto;}
    .new-login .login-box {width:100%;padding:68px 34px 50px;text-align:center;}
    .new-login .login-box .group-radio {width:400px;margin:40px auto 0;}
    .new-login .intro-box {display:none;}
}
@media screen and (max-width:500px) {
    .new-login {padding:0px;}
    .new-login .login-wrap {transform:scale(.9);}
    .new-login .login-box {padding:42px 28px 42px}
    .new-login .login-box .group-radio {width:300px;margin-top:20px;}
    .new-login .login-box .group-radio .group {width:150px;}
    .new-login .login-box .group-radio.login .k-radio-label {width:150px;}
    .new-login .login-box .group-radio.login .k-radio:checked+.k-radio-label:before {width:150px;}
    .login-wrap .captcha-wrap .captchaImgwrap {padding:9px 12px;}
}
@media screen and (max-width:400px) {
    .new-login {height:calc(100vh);height:calc(100vh * 1.09);}
    .login .login-wrap {
        transform:scale(.8);
        width:calc(100vw * 1.16);
        margin-top:-52px;
        align-items:flex-start
    }
}

/** loading CSS **/
.loading-content {
    height:400px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:nowrap;
    flex-direction:column;
    text-align:center;
    font-size:18px;
    color:#666666;
}
@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}
@-moz-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}
@-webkit-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}
@-o-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}
.loading-container,
.loading {
    height: 80px;
    position: relative;
    width: 80px;
    border-radius: 100%;
}
.loading-container { margin: 40px auto }
.loading {
    border: 2px solid transparent;
    border-color: transparent #E45635 transparent #E45635;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}
.loading-container:hover .loading {
    border-color: transparent #999 transparent #999;
}
.loading-container:hover .loading,
.loading-container .loading {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#loading-text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #999999;
    font-family: "Helvetica Neue, "Helvetica", ""arial";
    font-size: 10px;
    font-weight: bold;
    margin-top: 36px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 80px;
}
/* 아이디(비번) 찾기 */
.findTab {
    display: flex;
    height: 70px;
    justify-content: center;
    align-items: center;
}
.findTab li {
    padding:0;
    margin:0;
    width:auto;
    float:none;
    height:60px;
    background:#F5F7FF !important;
    border:none !important;
}
.findTab li:first-child {
    border-radius:35px 0 0 35px;
    overflow:hidden;
}
.findTab li:last-child {
    border-radius:0 30px 30px 0;
    overflow:hidden;
}
.findTab li [type=button] {
    width:250px;
    height:60px;
    font-size:20px;
    font-weight:500;
    line-height:60px;
    color:#9FA6C5;
    border-radius:35px;
    background:#F5F7FF;
}
.findTab li.on [type=button] {
    color:#fff;
    background:#516CDD;
}
.idpwFind .findTabCont > .txt-p1 {
    color:#666;
    font-size:18px;
}
.list-confirm>li h4 {
    font-size:22px;
    font-weight:700;
}
.idpwFind h3, .end-close h3 {
    font-size:48px;
    font-weight:700;
    padding: 0 0 70px;
}
.idpwFind .findTabCont > .txt-p1 {
    padding-top:40px;
}
.container-in h4 {
    font-size:22px;
    padding-top:70px;
    font-weight:700;
}
.container-in .container-inner > h4:first-child {
    padding-top:0px;
}
.idpwFind .box-basic {
    border-color:#dddddd;
    border-radius: 20px;
    padding:40px 110px;
}
.idpwFind .list-email-cfm > li {padding-left:140px;}
.idpwFind .list-email-cfm > li .tit em {display:none;}
.idpwFind .list-email-cfm > li .tit {
    width:130px;
    color:#1A1A1A;
    margin-right:30px;
    font-size:16px;
    font-weight:500;
    line-height:28px;
}
.member .inptxt,
.member .inptxt-readonly {
    display:inline-block;
    width:auto;
    height:40px;
    border-color:#dddddd;
    border-radius:6px;
    overflow:hidden;
}
.idpwFind .list-email-cfm > li .inptxt input {
    height:38px;
    line-height:38px;
    border-radius:7px;
}
.idpwFind .list-email-cfm > li .inptxt label {
    font-size:15px;
    top:12px;
}
.list-confirm .inptxt, .list-confirm .select {
    margin:0 3px;
}
.idpwFind .box-basic .btn-radio {
    padding:0;
    margin-top:40px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.idpwFind .box-basic .btn-radio span {
    float:none;
    width:250px;
    height:60px;
}
.idpwFind .box-basic .btn-radio label {
    height:60px;
    width:250px;
    padding:0;
    color:#1a1a1a;
    font-size:20px;
    font-weight:500;
    line-height:60px;
    border-radius:6px;
    border-color:#dddddd;
    background:#fff;
}
.idpwFind .box-basic .btn-radio label:hover {
    color:#1a1a1a;
    border-color:#1a1a1a;
}
.idpwFind .box-basic .btn-radio label:active {
    color:#1a1a1a;
    border-color:#516CDD;
}
.idpwFind .box-basic .btn-radio label svg {
    margin-top:-3px;
}

/* kendoui select 박스 및 인풋박스 */
.member .select {
    border:1px solid #dddddd;
    overflow:hidden;
    border-radius:6px;
    height:40px;
    box-sizing: border-box;-webkit-box-sizing:border-box;
}
.member .select .k-i-arrow-s {
    width:38px;
    height:38px;
    background: url(../images/member/bg/bg_combobox.svg) no-repeat 0 0;
}
.member .select .k-dropdown {
    width:100%;
    border-radius:8px;
    overflow:hidden;
}
.member .select .k-dropdown-wrap {
    height:38px;
    padding:0 6px 0 6px;
    box-sizing:border-box;
}
.member .select .k-select {
    width:38px;
}
.member .k-state-disabled {
    background:#f7f7f7;
}
.member .k-state-disabled .k-select {
    opacity:0.4;
}
.member .select .k-dropdown .k-input {
    height:38px;
    font-size:16px;
    color:#1a1a1a !important;
    padding:0 32px 0 0;
    line-height:39px;
}
.member .k-dropdown .k-input {
    height:36px;
    line-height:36px;
}
.member .k-popup.k-calendar-container, .k-popup.k-list-container {
    border-color:#dddddd;
    border-radius:6px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.22);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.22);
}
.member .k-list-scroller {
    border-radius:6px;
    overflow:hidden;
    overflow-y:auto;
}
.member .k-list-container .k-item.k-state-focused, .member .k-list-container .k-item {
    font-size:16px;
}
.member .select-style {
    width:auto;
}
.member .select-style .k-dropdown {
    width:auto;
}
.member .select-style .select {
    border-radius:0;
}
.member .select-style input[type=text] {
    height: 35px;
    padding:0 0 0 6px;
    font-size:16px;
}
.member .tbl-section-top .select-style input[type="text"] {
    width: calc(100% - 113px);
    height: 38px;
}
.member .k-state-selected {
    background: #F5F7FF !important;
}
.member .k-list-optionlabel, .member .k-popup .k-item.k-state-selected {
    color:#1a1a1a !important;
}
.member .k-popup .k-list .k-item{
    padding:3px 6px;
}
.member .fileupload .btn-files {
    height:40px !important;
}
.member .fileupload input {
    height:38px;
    border-color:#dddddd;
    border-radius:6px;
}
.member .fileupload .btn-files a, .member .fileupload .btn-files button {
    height:40px;
    line-height:40px;
    border-radius:6px;
    background:#f4f4f4;
}
.member .fileupload .btn-files a:hover, .member .fileupload .btn-files button:hover {
    color:#1a1a1a !important;
    border-color:#1a1a1a;
}

.member .fileupload .btn-files a.type07, .member .fileupload .btn-files button.type07 {
    font-weight: 500;
    color: #1a1a1a !important;
    background:#FFF !important;
    border: 1px solid #cccccc !important;
}/*260309 추가*/
.member .fileupload .btn-files a.type07:hover, .member .fileupload .btn-files button.type07:hover {
    color: #1a1a1a !important;
    border-color: #1a1a1a !important;
}/*260309 추가*/

/* 게시판 검색 영역 */
.member .clrfix .right .boardSearch {
    margin-bottom:-8px;
    width:auto;
    height:50px !important;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:nowrap;
    flex-direction:row;
}
.boardSearch [type="button"]{
    background: url(../images/member/btn/btn_search.svg) no-repeat;
}
.boardSearch.select-style input[type=text] {
    height:40px !important;
    border-radius:6px;
    border:none !important;
}
.boardSearch.select-style input[type=text]:focus {
    background:#fff;
}
.boardSearch.select-style .select {
    border:none !important;
    margin-right:20px;
}
.boardSearch [type="button"] {
    float:none;
    width:40px;
    height:40px;
}

/* 페이지 타이틀 */
.container-in h3 {
    font-size:46px;
    font-weight:700;
    text-align:center;
    padding:50px 0 50px;
    margin:0;
}
.area-support {padding-top:0;}
.cont-header .location {
    display:none;
}
.member .area-support .tab-contwrap {margin-top:-4px;}
/* 탭 버튼 */
.tab.new-type1 {
    border-bottom:2px solid #ececec;
}
.tab.new-type1 li {
    width:auto !important;
    min-width:200px;
    height:60px;
    line-height:60px;
    padding:0;
    border:none !important;
    background:transparent;
}
.tab.new-type1 li a {
    position:relative;
    padding:0 16px;
    top:2px;
    height:60px;
    color:#666666;
    font-weight:500;
    line-height:60px;
    font-size:22px;
}
.tab.new-type1 li.on a {
    font-weight:700;
    color:#1a1a1a;
    border-bottom:3px solid #1a1a1a !important;
}

.tab.new-type2 {
    height:80px;
    border-bottom:2px solid #cccccc;
}
.tab.new-type2 li {
    width:auto !important;
    min-width:auto;
    height:80px;
    line-height:60px;
    padding:0 50px 0 0;
    border:none !important;
    background:transparent;
}
.tab.new-type2 li a {
    position:relative;
    padding:0px;
    top:2px;
    height:77px;
    color:#666666;
    line-height:80px;
    font-size:22px;
}
.tab.new-type2 li.on a {
    font-weight:500;
    color:#1a1a1a;
    border-bottom:3px solid #1a1a1a !important;
}

/* 한눈에 보는 요금제 */
.at-eye * {line-height:1.3;box-sizing: border-box;-webkit-box-sizing:border-box;}
.at-eye-intro {
    padding:64px 74px;
    margin:40px 0 60px;
    height:342px;
    background:url(../images/at-eye_img.png) no-repeat;

}
.at-eye-intro .txt:nth-of-type(1) {
    font-size: 36px;
    font-weight: 700;
    line-height:1.1;
}
.at-eye-intro .txt:nth-of-type(2) {
    margin-top:20px;
    font-size: 18px;
    color:#3c3c3c;
}
.at-eye-intro button {
    margin-top:30px;
    width:136px;
    height:48px;
    font-size: 20px;
    font-weight: 600;
    text-align:center;
    border-radius:24px;
    color:#fff;
    background:#1a1a1a;
}
.at-eye .tab-wrap {
    position:relative;
}
.at-eye .tab-wrap .tax-txt {
    position:absolute;
    top:23px;
    right:0;
}
.at-eye .tab-wrap.fixed {
    position:fixed;
    z-index:1;
    margin:0 auto;
    height:62px;
    top:80px;
    width:1200px;
    background:rgba(255,255,255,1);
    backdrop-filter: blur(2px);
}
.at-eye .tab-wrap.fixed .tab {
    display:block;
    width:1200px;
    margin:0 auto;
}
.at-eye .tab-wrap.fixed .tax-txt {right:20px;}
.at-eye .tab-wrap.hide {display:none;}
.at-eye p {color:#666;}
.at-eye .prod-txt {font-size:56px;margin-bottom:40px;font-weight:700;line-height:1.1;}
.at-eye .prod-txt:after {content:'.';font-size:67px;color:#516cdd;margin-left:2px;vertical-align:0px;}
.at-eye .title {position:relative;font-size:56px;font-weight:700;}
.at-eye .title:after {content:'.';font-size:67px;color:#516cdd;margin-left:2px;vertical-align:0px;}
.at-eye .title .focus_tab {
    position:absolute;
    top:12px;
    right:0;
}
.at-eye section {
    padding:130px 0 130px;
}
.at-eye .tab-contwrap .tab-cont:nth-of-type(3) .pay-items .item:nth-of-type(1) .head p:nth-of-type(2) {
    padding-left:0;
}
.at-eye .tab-contwrap .tab-cont:nth-of-type(3) .pay-items .item:nth-of-type(1) .head p:nth-of-type(2):after {
    content:'(백업하드)';
    font-size:14px;
    color:#1a1a1a;
    font-weight:400;
    padding-left:10px;
    vertical-align:3px;
}
.at-eye .tbl-type06 tbody tr:first-child td,
.at-eye .tbl-type06 tbody tr:first-child th {border-top:2px solid #1a1a1a;}
.serviceJoin .container-wrapper:last-of-type section {
    padding-bottom:0;
}

.container-wrapper:has(.at-eye):nth-of-type(1) section {
    padding-top:16px;
}
.container-wrapper:has(.at-eye):nth-of-type(2) {
    background:#EFF4FF !important;
}
.container-wrapper .at-eye section {
	margin: 20px 0 0;
}/*260202 추가*/
.container-wrapper .at-eye .tab-wrap.fixed + section {
	margin-top: 130px;
}/*260202 추가*/
.pay-items {
    display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;gap:24px;
}
.pay-items .item {
    position:relative;
    flex:1;
    padding: 32px 24px 42px 24px;
    border-radius: 20px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
}
.pay-items .item .head {
    padding:0 0 18px;
}
.pay-items .item .head > div {padding-bottom:10px;font-size:18px;}
.pay-items .item .head p {display:inline-block;color:#1a1a1a;font-size:30px;font-weight:800;}
.pay-items .item .head p:nth-of-type(2) {padding-left:10px;}
.pay-items .item ul li {position:relative;color:#666666;font-weight:500;margin-bottom:6px;}
.pay-items .item ul li strong {color:#1a1a1a;}
.pay-items .item ul li span {color:#516cdd;}
.pay-items .item .foot {margin:24px 0 22px;}
.pay-items .item .foot p {color:#1a1a1a;font-size:36px;font-weight:800;margin-top:-2px;}
.pay-items .item .foot p span {font-size:20px;font-weight:500;margin-left:10px;}
.pay-items .item .foot a {margin-top:16px;color:#1a1a1a;font-size:15px;
    display:inline-flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row;
}
.pay-items .item .foot a span {display:inline-block;padding:2px 0;border-bottom:1px solid #1a1a1a;}
.pay-items .item .foot a span svg {margin:-2px 0 0 4px;}
.pay-items .item .bottom-btns button {
    width:100%;
    height:46px;
    line-height:46px;
}
.pay-items .item .bottom-btns button:hover {
    background:#4059C3;
}

/* 협업 무료 쿠폰 */
.box-basic.coupon {
    position:relative;
    height:258px;
    border:2px solid #516cdd;
}
.box-basic.coupon:after {
    position:absolute;
    content:'';
    width:20px;
    height:40px;
    left:-2px;
    top:calc(50% - 20px);
    border:2px solid #516cdd;
    border-left:none;
    border-radius:0 20px 20px 0;
    background:#fff;
}
.box-basic.coupon:before {
    position:absolute;
    content:'';
    width:20px;
    height:40px;
    right:-2px;
    top:calc(50% - 20px);
    border:2px solid #516cdd;
    border-right:none;
    border-radius:20px 0 0 20px;
    background:#fff;
}
.box-basic.coupon h4 {
    padding:0 0 16px;
    width:380px;
    text-align:center;
    height:100%;
    color:#1a1a1a;
    background:#F5F7FF;
    box-sizing: border-box;-webkit-box-sizing:border-box;
    display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:column;
}
.box-basic.coupon h4:before {
    margin:0 0 8px 14px;
    width:100px;
    height:100px;
    background: url(data:image/png;base64,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) no-repeat;
}
.box-basic.coupon h4 p {color:#1a1a1a;}
.box-basic.coupon > div {
    padding:0 0 0 50px;
    height:100%;
    width: calc(100% - 390px);
    display:flex;justify-content:center;align-items:flex-start;flex-wrap:nowrap;flex-direction:column;
}
.box-basic.coupon .certifi-input {padding-top:26px;}
.box-basic.coupon {
    font-size:14px;
}
.list-policy {margin-top:30px;}
.list-policy {border-top:2px solid #1a1a1a;border-bottom:1px solid #dddddd;}
.list-policy li {padding-left:30px;padding-right:30px;}
.list-policy li.last {}
.list-policy li ~ li {
    padding-left:30px !important;
    padding-right:30px !important;
    padding-bottom:20px !important;
    border:none;
}
.list-policy li ~ li .btn-style-m {width:110px !important;}
.list-policy li:nth-child(2) ~ li {padding-top:4px;}

.box-basic.coupon.free {height:200px;}
.box-basic.coupon.free h4:before {
    margin-top:0px;
    background: url(data:image/png;base64,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) no-repeat;
}
.box-basic.coupon.free > div * {font-size:16px;line-height:1.5;font-weight:500;margin-top:0 !important;}

/* faq */
.tab-cont.faq h4 {
    padding:50px 0 20px;
}
.faq-slide {border-top:2px solid #1a1a1a;}
.help-box.new {
    display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;
    gap:20px;
    border:none;
}
.help-box.new > div {
    padding-top:30px;
    padding-left:171px;
    border:1px solid #dddddd !important;
    border-radius:20px;
    background-position:30px 50%
}
.help-box.new > div .title {
    font-size:26px;
    font-weight:700;
}
.help-box.new > div p {padding:4px 0;}
.help-box.new > div a {display:inline-block;margin-top:10px;font-size:14px;font-weight:500;color:#1a1a1a;}
.help-box.new > div p.fc-primary {font-size:32px;margin-top:-12px;font-weight:500;}
.box-base.scrollx p {line-height:1.6 !important;font-size:16px !important;margin:0 !important;padding:0 !important;}

/*이벤트 유용한정보*/
.list-event * {font-size:16px;box-sizing:border-box;}
.list-event {
    margin:0;
    display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;
    gap:23px;
}
.list-event > li {
    flex-basis:382px;
    margin:0;
    padding:0;
    float:none;
    width:auto;
    margin-bottom:20px;
}
.list-event >li a {
    width:100%;
    border:1px solid #dddddd;
    border-radius:20px;
    overflow:hidden;
}
.list-event >li a:hover {
    border-color:#1a1a1a;
}
.list-event >li .wrap-img {
    width:381px;
    height:381px;
    border:none;
}
.list-event >li .details {
    height:209px;
    padding:26px 38px;
}
.list-event >li .details strong {
    height:66px;
    font-size:26px;
    font-weight:700;
    color:#1a1a1a;
    margin:0 0 10px 0;
    display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;
}
.list-event >li .details .txt {
    font-size:16px;
    height:74px;
    line-height:1.5;
    display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;
}
.list-event >li .details.event .txt {
    height:48px;
    -webkit-line-clamp:2;
}

/* 프로그램다운로드 */
.downloadWrap .tab-contwrap {margin-top:-4px;}
.downboxArea {background:#f7f7f7;padding-bottom:60px;}
.downboxArea h4 {padding-top:80px;font-size:32px;color:#1a1a1a;text-align:center;font-weight:500;}
.downboxArea h4 img {display:inline-block;margin:-5px 20px 0 0 ;}
.downboxArea > div {
    display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;
}
.downboxArea .imgbox {flex-basis:630px;text-align:center;}
.downboxArea .disc {
    flex:1;
    height:auto;
    padding:0;
    float:none;
}
.downboxArea .disc ul.check li {
    position:relative;
    padding-left:22px;
    color:#1a1a1a;
    margin-bottom:9px;
}
.downboxArea .disc ul.check li:before {
    position:absolute;
    content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADDSURBVHgBjU87CsJAEN1dCUhCQkiVT7M3sLX0CHoET6ClXY5iaRmPYCqxEk+gVUBIISS75a5PcQUl0X0wzO6bNzNvKLFEmqaF1powG3EcxznSFLH7K06SZIHpGpE/iRDoE2dZNnqJC8Mx13XPINYdNrhSaovnRUo5N/zA9/0h8tLzPNK2bWm2Oo6zp5QSHDqp6/r6bmiapgyCIERxhW03IcQhiqIN/mPG2KyqqlOn34ct4/fjyD5wzkOIjlbir0b+q34H9H45qf3J254AAAAASUVORK5CYII=);
    left:0;
}
.downboxArea .disc h5 {
    font-size:18px;
    font-weight:700;
    margin-bottom:10px;
}
.downboxArea .disc .qr {
    display:inline-block;
    margin:20px 34px 34px -22px;
    text-align:center;
}
.downboxArea .disc .qr p {
    margin-top:12px;
}
.downboxArea .disc .qr p img {
    margin:-4px 5px 0 0;
}
.downboxArea .disc .btns {margin:22px 0 0 -20px;}


/* 사용가이드 */
.serviceIntro .container-wrapper .bg {
    height:340px;
    text-align:left;
    background-position: center 0 !important;
    background-repeat:no-repeat !important;
}
.serviceIntro .container-wrapper .bg.set01 {
    background:#fff url(../images/member/guide_bg1.png); no-repeat;
}
.serviceIntro .container-wrapper .bg.set02 {
    background:#fff url(../images/member/guide_bg2.png); no-repeat;
}
.serviceIntro .container-wrapper .bg.set03 {
    background:#fff url(../images/member/guide_bg3.png); no-repeat;
}
.serviceIntro .container-wrapper .bg.webhard {
    background:#fff url(../images/member/webhard_bg1.png); no-repeat;
}
.serviceIntro .container-wrapper .bg > div {
    width:1200px;
    height:100%;
    margin:0 auto;
}
.serviceIntro .container-wrapper .bg h3 {
    padding-top:120px !important;
    color:#1a1a1a;
    font-size: 48px;
    font-weight: 700;
}
.serviceIntro .container-wrapper .bg p {
    color:#1a1a1a;
    font-weight:500;
    font-size: 22px;
}
.member .serviceIntro .tab-wrap {
    height:60px;
    padding:10px 0;
    background:rgba(60,60,60,1);
    box-sizing: border-box;-webkit-box-sizing:border-box;
}
.member .serviceIntro .tab-wrap.fixed {
    position:fixed;
    width:100%;
    z-index:2;
    left:0;
    top:80px;
    background:rgba(60,60,60,0.8);
    backdrop-filter: blur(4px);
}
.member .serviceIntro .tab {
    width:1200px;
    margin:0 auto;
}
.member .serviceIntro .tab li {
    height:40px;
    margin-right:40px;
    background:transparent !important;
}
.member .serviceIntro .tab li.on {
    background:transparent !important;
}
.member .serviceIntro .tab li a {
    height:40px;
    line-height:40px;
    font-size:18px;
    font-weight:500;
    box-sizing: border-box;-webkit-box-sizing:border-box;
    background:transparent !important;
}
.member .serviceIntro .tab li.on a {
    color:#ffffff;
    font-weight:700;
    border-bottom:2px solid #ffffff;
}
.member .serviceIntro .tab.type2 li.on a {
    padding:0 10px;
}
.focus_tab .lypop {
    display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;
    height:50px;
    gap:8px;
}
.focus_tab .lypop li a {
    display:inline-block;
    padding:0 20px;
    height:50px;
    line-height:50px;
    font-size:18px;
    font-weight:500;
    text-align:center;
    color:#666666;
    border:1px solid #dddddd;
    border-radius:25px;
    background:#fff;
    box-sizing: border-box;-webkit-box-sizing:border-box;
}
.focus_tab .lypop li a:hover {
    border-color:#1a1a1a;
}
.focus_tab .lypop li a.ov {
    color:#fff;
    border-color:#1a1a1a;
    background:#1a1a1a;
}
.accordion-wrap .ui.uia {
    border-top:2px solid #1a1a1a;
}
.accordion-wrap .ui.uia .ui-item:first-child .title {border-top:none;}

/* 주요 기능 및 특징 */
.serviceIntro [class*="intro-bg"] h2 {
    margin:100px 0 80px;
    font-size:56px;
    font-weight:700;
}
.serviceIntro [class*="intro-bg"] h2:after {
    content:'.';font-size:67px;color:#516cdd;margin-left:2px;vertical-align:0px;
}
.serviceIntro .intro-bg .intro-inner > ul {
    padding-top:0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 40px;
}
.serviceIntro .intro-bg .intro-inner > ul > li {
    position:relative;
    width:100%;
    height:300px;
    padding:50px 0 0 234px;
    text-align:left;
    border:1px solid #dddddd;
    box-sizing:border-box;
    border-radius: 20px;
    background:none;
    box-shadow: -2px -2px 4px 0 rgba(0, 0, 0, 0.05), 2px 2px 4px 0 rgba(0, 0, 0, 0.10);
}
.serviceIntro .intro-bg li .imgbox {
    position:absolute;
    width:148px;
    height:215px;
    left:40px;
    top:50%;
    transform:translateY(-50%);
}
.serviceIntro .intro-bg li strong {
    padding:36px 0 0 0!important;
    font-size:28px;
    font-weight:700;
}
.serviceIntro .intro-bg li p {
    padding:8px 0 0 13px !important;
    font-size:17px;
    color:#3c3c3c;
}
.serviceIntro .intro-bg li p:first-of-type {
    margin-top:5px;
}
.serviceIntro .intro-bg .group {
    padding-top:30px;
    display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;
}
.serviceIntro .intro-bg .group ~ .group {margin-top:200px;padding-top:0;}
.serviceIntro .intro-bg .img {
    position:relative;
    padding:0;
    flex-basis:590px;
    width:590px;
    height:460px;
    background:#F5F7FF;
    border-radius:20px;
}
.serviceIntro .intro-bg .img * {
    position:absolute;
}
.serviceIntro.type2 .intro-bg .img {
    display:flex;justify-content:center;align-items:center;
}
.serviceIntro .intro-bg .disc {
    flex:1;
}
.serviceIntro .intro-bg .disc strong {
    font-size:42px;
    padding-top:0px;
}
.serviceIntro .intro-bg .disc p {
    font-size:22px;
    font-weight:500;
    line-height:1.5;
    color:#1a1a1a;
}
.serviceIntro .intro-bg.media {
    margin-top:126px;
    padding:76px 0 126px;
    background:#F3F5F6;
    margin-bottom:-130px;
}
.serviceIntro .intro-bg .video {
    flex-basis:590px;
    width:590px;
    height:330px;
    background:#8E98B0;
    border-radius:20px;
    overflow:hidden;
}
.serviceIntro .intro-bg .group.rv .img {order:2;}
.serviceIntro .intro-bg .group.rv .video {order:2;}
.serviceIntro .intro-bg .group.rv .disc {order:1;padding-left:0px;}
.shdow {
    filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.3));
}

/* 부가서비스 */
.member .serviceIntro .tab.type3 {
    display:flex !important;justify-content:space-between;align-items:center;flex-wrap:nowrap;
    gap:12px;
    height:74px;
    margin:60px auto;
}
.member .serviceIntro .tab.type3:after {display:none;}
.member .serviceIntro .tab.type3 li {
    flex:1;
    height:74px;
    margin:0;
}
.member .serviceIntro .tab.type3 li a {
    display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;
    padding:20px 30px;
    width:100%;
    height:74px;
    line-height:74px;
    color:#1a1a1a !important;
    font-size:20px;
    font-weight:500;
    border:2px solid #dddddd;
    border-radius:10px;
    box-sizing: border-box;-webkit-box-sizing:border-box;
}
.member .serviceIntro .tab.type3 li.on a {
    font-weight:700;
    border-color:#1a1a1a;
}
.member .serviceIntro .tab.type3 li a:hover {
    border-color:#1a1a1a;
}
.member .serviceIntro .tab.type3 li:nth-child(1) a {
    background:url(../images/member/service_btn_ico1.svg) no-repeat calc(100% - 30px) center !important;
}
.member .serviceIntro .tab.type3 li:nth-child(2) a {
    background:url(../images/member/service_btn_ico2.svg) no-repeat calc(100% - 30px) center !important;
}
.member .serviceIntro .tab.type3 li:nth-child(3) a {
    background:url(../images/member/service_btn_ico3.svg) no-repeat calc(100% - 30px) center !important;
}
.member .serviceIntro .tab.type3 li:nth-child(4) a {
    background:url(../images/member/service_btn_ico4.svg) no-repeat calc(100% - 30px) center !important;
}
.member .serviceIntro .intro-inner.product {
    padding:50px 0 50px 408px !important;
    border:1px solid #dddddd;
    border-radius:20px;
    border-radius: 20px;
    box-shadow: -2px -2px 4px 0 rgba(0, 0, 0, 0.05), 2px 2px 4px 0 rgba(0, 0, 0, 0.10);
    background-repeat: no-repeat;
    background-position:74px 54px;
}
.member .serviceIntro .intro-inner.product .disc {
    padding:0;
}
.member .serviceIntro .intro-inner.product .text-btn {
    display:inline-block;
    margin-top:31px !important;
    font-size:18px;
    color:#666666;
}
.member .serviceIntro .intro-inner.product .text-btn:hover {
    font-weight:600;
    color:#1a1a1a;
}
.member .tab-contwrap .tab-cont:nth-child(1) .product {
    background-image:url(../images/member/service_product1.svg);
}
.member .tab-contwrap .tab-cont:nth-child(2) .product {
    background-image:url(../images/member/service_product2.svg);
}
.member .tab-contwrap .tab-cont:nth-child(3) .product {
    background-image:url(../images/member/service_product3.svg);
}
.member .tab-contwrap .tab-cont:nth-child(4) .product {
    background-image:url(../images/member/service_product4.svg);
}
.serviceIntro .container-wrapper .bg.extras-service {
    background:#fff url(../images/member/service_bg1.png); no-repeat;
}
.member .serviceIntro.type2 .intro-inner .img {
    width:590px;
    height:460px;
}

/* 업종별 활용 사례 */
.serviceIntro .container-wrapper .bg.use-cases {
    background:#fff url(../images/member/use-cases_bg1.png); no-repeat;
}
.member .serviceIntro.business-use .tab li {
  width: auto;
}
.business-use .tab-cont .inner {
    width:1200px;
    margin:0 auto;
}
.business-use .headline {
    padding:100px 0 0;
}
.business-use .headline .title {
    font-size:56px;
    font-weight:700;
    padding-bottom:80px;
}
.business-use .headline .title:after {
    content:'.';font-size:67px;color:#516cdd;margin-left:2px;vertical-align:0px;
}
.business-use .headline img {
    width:1200px;
    height:auto;
    border-radius:20px;
    background:#f7f7f7;
}
.business-use .intro-bg .img {
    height:389px;
}
.business-use .intro-inner .disc {padding:0 0 0 60px;}
.business-use .intro-inner .disc strong {
    font-size:30px;
    line-height:1.4;
}
.business-use .intro-inner .disc ul {
    width:auto;height:auto;padding:0;margin-top:24px;
}
.business-use .intro-inner .disc ul li {
    float:none;
    width:auto;
    height:auto;
    padding:0 0 0 22px;
    text-indent:-22px;
    text-align:left;
    font-size:20px;
    line-height:1.4;
    background-image:none !important;
}
.business-use .tab-cont .headline + .intro-bg {
    margin-top:50px;
}
.business-use .description {
    padding:88px 0px;
    margin:130px 0;
    background:#f3f5f6;
}
.business-use .description .title {
    font-size:34px;
    font-weight:700;
    text-align:center;
    line-height:1.4;
    letter-spacing:-0.2px;
}
.business-use .description .tags {
    margin-top:12px;
    height:40px;
    line-height:40px;
    color:#666666;
    text-align:center;
}
.business-use .description .tags span ~ span {
    padding-left:16px;
}

.business-use .plan .flow {
    display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;
    padding:38px 30px 30px;
    border:1px solid #dddddd;
    border-radius:20px;
}
.business-use .plan .flow .case {
    flex:1;
    text-align:center;
}
.business-use .plan .flow .case .factor {
    position:relative;
    width:265px;
    height:440px;
    padding:39px 0;
    margin-top:21px;
    background:#f7f7f7;
    border-radius:12px;
    box-sizing:border-box;-webkit-box-sizing:border-box;
}
.business-use .plan .flow .case .factor ul {
    position:absolute;
    left:25px;
    right:25px;
    bottom:29px;
    display:flex;justify-content:flex-start;align-items:space-between;flex-wrap:nowrap;flex-direction:column;gap:12px;

}
.business-use .plan .flow .case .factor ul li {
    text-align:center;
    width:100%;
    height:50px;
    line-height:51px;
    color:#666666;
    font-size:16px;
    background:#fff;
    border-radius:6px;
}
.business-use .plan .flow .act {
    flex-basis:173px;
    padding-top:49px;
    box-sizing:border-box;-webkit-box-sizing:border-box;
}
.business-use .plan .flow .act > div {
    height:440px;
    display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:column;
    gap:60px;
    text-align:center;
    font-size:14px;
}
.business-use .plan .flow .act > div p {
    margin-bottom:8px;
}