.gray{color:#999;}
.graybox{background-color: #f7f7f9;border-radius: 8px;margin-top: 25px;padding: 20px}
.graybox.flex{column-gap:20px;padding-top:10px;}
.graybox-title{display:block;line-height:140%;color:#000}




/* 화상상담 */
.counsel-checklist{margin-top:15px}
.counsel-checklist .formbox{border-top:0}
.counsel-checklist .formbox:last-of-type{border-bottom-width:0}
.counsel-checklist .form-label{flex:1;padding:0 0 15px 0}
.counsel-checklist .form-label span{line-height:135%} 
.counsel-checklist .form-normal{flex:0 1 auto;padding-left:20px}

@media screen and (max-width:1000px) {
    .counsel-checklist .formbox{display:flex}
    .counsel-checklist .formbox .form-label{min-width:0;width:auto}
}
@media screen and (max-width:700px) {
    .counsel-checklist .formbox{display:block}
    .counsel-checklist .formbox .form-normal{padding-left:0}
}

/* 화상상담 달력 */
.lawhome-schedule{display:flex;border-bottom: 1px solid #ddd}

.lawhome-schedule .empty-container p{padding:20px;border-radius:10px;border:1px solid #ddd;text-align:center;font-size:20px;color:#000}
.lawhome-schedule .select-container{display:none}

.lawhome-schedule .bbs-schedule{flex:0 0 55%;min-width:440px;padding-bottom: 20px}
.lawhome-schedule .bbs-schedule .___schedule-default thead th{border-bottom:1px solid #ddd}
.lawhome-schedule .bbs-schedule .___schedule-default tbody td{border:0}
.lawhome-schedule .bbs-schedule .___schedule-default .dayblock{min-height: 69px}
.lawhome-schedule .bbs-schedule .___schedule-default .today{border-radius:0;color:#000}
.lawhome-schedule .bbs-schedule .___schedule-default .today .day{font-weight:900}

.lawhome-schedule .bbs-schedule .___schedule-default .dayblock{border:1px solid transparent}
.lawhome-schedule .bbs-schedule .___schedule-default .dayblock:hover{border-color:#428ef1;background-color:transparent;color:#000}
.lawhome-schedule .bbs-schedule .___schedule-default .dayblock:hover .enableed-message{color:#000}

.lawhome-schedule .bbs-schedule .___schedule-default .disabled-day:hover{border-color:transparent;background-color:transparent;color:#000}
.lawhome-schedule .bbs-schedule .___schedule-default .disabled-day:hover .disabled-message{color:#ff0000}

.lawhome-schedule .bbs-schedule .___schedule-default .is-selected{border-color:#428ef1;background-color:transparent;color:#000}
.lawhome-schedule .bbs-schedule .___schedule-default .is-selected .day{font-weight:900}
.lawhome-schedule .bbs-schedule .___schedule-default .is-selected .disabled-message{color:#ff0000}


.lawhome-schedule .time-select{flex:1;padding-left: 20px;margin-left: 20px;border-left: 1px solid #ddd}
.lawhome-schedule .time-select .select-group{margin-top:15px}
.lawhome-schedule .time-select .select-group>div{display:flex;flex-wrap:wrap}
.lawhome-schedule .time-select .item{flex:0 0 auto;margin:0 0 5px 5px}
.lawhome-schedule .time-select .item button{min-width:100px;width:100%;height: 46px;padding:0 10px;font-size:15px}
.lawhome-schedule .time-select .item button span{height:auto;padding:10px 0}

.lawhome-schedule .select-dateTime{display:flex;align-items:center;padding:20px ;border:1px solid #ddd;border-radius:5px;color:#000}
.lawhome-schedule .select-dateTime .date{flex:1;padding-left:22px;background:url(../../../../images/name/user/styleguide/bbs-calendar.png) no-repeat 0 -0.04em}
.lawhome-schedule .select-dateTime .time{flex:1;padding-left:40px;margin-left:24px;border-left:1px solid #ddd;background:url(../../../../images/name/user/styleguide/bbs-date.png) no-repeat  20px 0.07em}
.lawhome-schedule .select-dateTime .empty{color:#666}


.program-schedule h4.heading{margin:0;flex:1}
.program-schedule .schedule-util .util-regend{flex:0 0 auto}
@media screen and (max-width:1000px) {
    .lawhome-schedule{display:block;border-bottom:0}
    .lawhome-schedule .bbs-schedule{margin:0;padding:0}
    .lawhome-schedule .time-select{margin-top:40px;padding:0;border:solid #ddd;border-width:0 0 0 0}
}


/* 화상상담 정보입력 */
.program-counsel .counsel-date{display:block;font-weight:900;font-size:20px;color:#000;/* margin-top:30px; */}
.program-counsel .counsel-date img{width:22px;vertical-align: -3px;margin-right:10px}






/* 로그인 */
.program-login .memberbox-wrapper{max-width: 550px;margin:0 auto}
.program-login .memberbox-wrapper .form-normal select,
.program-login .memberbox-wrapper .form-normal input{height:50px}
.program-login .memberbox-wrapper .form-normal input::placeholder{font-size:15px;color:#989898}
.program-login .memberbox-wrapper .form-normal ~ .form-normal{margin-top:20px}
.program-login .memberbox-wrapper .login-input{position: relative}
.program-login .memberbox-wrapper .login-input .form-normal label{font-weight:700;color:#000}
.program-login .memberbox-wrapper .login-input .form-normal label+.___password-valueToText{width:100%;margin-top:10px}
.program-login .memberbox-wrapper .login-input .form-normal label+.___password-valueToText input{margin-top:0}
.program-login .memberbox-wrapper .login-input .form-normal input{width:100%;margin-top:10px}
.program-login .memberbox-wrapper .login-input .form-email{margin-top:10px}
.program-login .memberbox-wrapper .login-input .form-email input{margin-top:0}
.program-login .memberbox-wrapper .login-input .form-telephone{margin-top:10px}
.program-login .memberbox-wrapper .login-input .form-telephone input{margin-top:0}

.program-login .login-capseLook{ z-index:10; display: none; position: absolute; top: 0; left: 0; height:50px; padding: 25px 10px 0; text-align:left; border: 1px solid #000; background-color: #ffe5a4; white-space: nowrap; color: #000; box-shadow:2px 2px 10px rgba(0, 0, 0, 0.2) } 
.program-login .login-capseLook:after{ content: ''; position: absolute; left: 10px; top: -6px; width:10px;height:10px; border: 0 solid #000; background-color: #ffe5a4; border-width:1px 1px 0 0 ; transform: rotate(-45deg) }

@media screen and  (max-width:1240px) {
.program-login{padding-top:50px}
}





/* Account 박스 */
.program-memberbox{padding: 50px 20px;border-radius:10px}
.program-memberbox .memberbox-title{margin-bottom: 30px;font-weight:700;font-size:30px;color:#00468c}
.program-memberbox .memberbox-title img{vertical-align: -5px;margin-right:10px}
.program-memberbox .memberbox-text{line-height:150%;text-align:center;font-size:16px}
.program-memberbox .memberbox-text br{display:none}
@media screen and (max-width:1000px) { 
    .program-memberbox .memberbox-text br{display:block} 
}
.program-memberbox .memberbox-submit{width:100%;margin-top:25px;text-align:center;font-size:18px}

.program-memberbox .memberbox-findAccount{display:flex;margin-top: 15px;align-items: center}
.program-memberbox .memberbox-findAccount .account-save-user-id{flex:1 1 auto}
.program-memberbox .account-find-user-id a{color:#666}
.program-memberbox .account-find-user-id a:hover{color:#176ac7}
.program-memberbox .account-find-user-password{padding-left:15px;margin-left:15px;position:relative}
.program-memberbox .account-find-user-password::before{content:'';position:absolute;top: 3px;left:0;height:10px;border-left:1px solid #ddd}
.program-memberbox .account-find-user-password a{color:#666}
.program-memberbox .account-find-user-password a:hover{color:#176ac7}

.program-memberbox .memberbox-entry{margin-top: 10px}
.program-memberbox .memberbox-entry{display:block;border-color:#176ac7}
.program-memberbox .memberbox-entry span{font-weight:500;color:#176ac7}

.program-memberbox .memberbox-resultText{padding:30px 0;border:1px solid #dcdcdc;border-width: 1px 0;text-align:center;line-height:150%;font-weight:500;font-size: 18px;color:#000;background-color: rgba(255, 255, 255, 0.65)}
.program-memberbox .memberbox-name{display:inline-block;font-weight:inherit}
.program-memberbox .memberbox-id{display:inline-block;padding-bottom:5px;margin:10px 0;font-weight:inherit;color:#d22649;border-bottom:1px solid #d22649}
.program-memberbox .form-telephone, .program-memberbox .form-email{max-width:100%}
.program-memberbox .form-email span{line-height:50px}



/* 신청안내 */

.counseling-tab{display:flex;border-bottom:1px solid #e1e2e5}
.counseling-tab .tab-col{position:relative;flex:1;display:flex;justify-content:center;align-items:center;height:90px;}
.counseling-tab .tab-col span{font-size:26px}
.counseling-tab .tab-col.is-selected::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;border-bottom:3px solid #000}
.counseling-tab .tab-col.is-selected span{font-weight:700;color:#000}


.program-counseling-point{display:flex;padding:45px;justify-content:center;align-items:center;border-radius:20px}
.program-counseling-point .point-list{flex: 0 1 1100px;display:flex;align-items:flex-start;}
.program-counseling-point .point-list .list-item{flex: 1 1 25%;display:flex;flex-direction: column;align-items: center}
.program-counseling-point .point-list .list-item ~ .list-item{margin-left:30px}
.program-counseling-point .point-list .list-item img{flex:0 0 auto;margin-bottom:20px}
.program-counseling-point .point-list .list-item span{flex:0 0 auto;line-height:130%;word-break:keep-all;text-align:center;font-weight:700;font-size:20px;color:#111}
.program-counseling-point .image{flex: 1 1 auto;text-align:right;margin-left: 100px;}
.program-counseling-point.counseling-phone{background: #FFF4E2;background: linear-gradient(90deg,rgba(255, 244, 226, 1) 0%, rgba(251, 226, 235, 1) 100%);}
.program-counseling-point.counseling-interview{background: #FFF4E2;background: linear-gradient(90deg, #dff2fd 0%, #feeed7 100%);}
@media screen and (max-width:1400px) {
    .program-counseling-point .image{display:none}
}
@media screen and (max-width:700px) {
    .program-counseling-point .point-list{flex-wrap:wrap}
    .program-counseling-point .point-list .list-item{flex: 1 1 50%;padding:0 30px;}
    .program-counseling-point .point-list .list-item ~ .list-item{margin-left:0}
    .program-counseling-point .point-list .list-item:nth-child(2) ~ .list-item{margin-top:30px}
}


.program-counseling-borderbox{padding:45px;border-radius:20px;border:1px solid #e1e2e5}

.program-counseling-cahrt{margin-top:20px}
.program-counseling-cahrt ol{display:flex;align-items:flex-start}
.program-counseling-cahrt ol>li{flex:1 1 20%;position:relative}
.program-counseling-cahrt ol>li ~ li{margin-left:50px}
.program-counseling-cahrt ol>li ~ li::before{content:'';position:absolute;top: 35px;left: -30px;width:9px;height:17px;background:url(../../../../images/name/user/ko/contents/program-counseling-cahrt-arr.png) no-repeat 0 0}
.program-counseling-cahrt ol>li span.label{
    flex:0 1 auto;
    display:flex;align-items:center;height:90px;padding: 0 30px;
    line-height:130%;font-weight:700;font-size:20px;word-break:keep-all;
    border-radius:10px;color:#111;
}
.program-counseling-cahrt ol>li span.label::before{content:'';flex:0 0 auto;width:21px;height:21px;margin-right:10px}
.program-counseling-cahrt.counseling-phone ol>li span.label{background:#fef0f5}
.program-counseling-cahrt.counseling-phone ol>li span.label::before{background:url(../../../../images/name/user/ko/contents/program-counseling-cahrt-phone.png)}
.program-counseling-cahrt.counseling-interview ol>li span.label{background:#fdf6eb}
.program-counseling-cahrt.counseling-interview ol>li span.label::before{background:url(../../../../images/name/user/ko/contents/program-counseling-cahrt-interview.png)}

@media screen and (max-width:1150px) {
    .program-counseling-cahrt ol{display:block}
    .program-counseling-cahrt ol>li{max-width:300px;margin:0 auto}
    .program-counseling-cahrt ol>li ~ li{margin:50px auto 0}
    .program-counseling-cahrt ol>li ~ li::before{top:-30px;left:50%;transform:rotate(90deg) translateX(-50%)}
}


.program-counseling-graybox{padding:45px;margin-top:40px;background-color:#fafafa;border-radius:20px}
.program-counseling-graybox .warning-title{display:block;margin-bottom:20px;font-weight:700;font-size:24px;color:#000}
.program-counseling-graybox .warning-title img{vertical-align:-2px;margin-right:10px}

.program-counseling-buttons{margin-top:40px;text-align:center}




/* 주요사례 */

.contents-case-graybox{display:flex;padding:70px;background-color:#fafafa;border-radius:20px}
.contents-case-graybox .case-head{flex:0 1 600px}
.contents-case-graybox .case-head .case-title{position:relative;display:block;padding-left: 37px;}
.contents-case-graybox .case-head .case-title img{position:absolute;left:0;bottom: -7px;}
.contents-case-graybox .case-head .case-title span{display:inline-block;height:47px;line-height:47px;padding:0 25px 0 55px;font-weight:700;font-size:18px;border-radius:0 47px 47px 0}
.contents-case-graybox .case-head h4{padding-left: 37px;margin-top:65px;line-height:135%;font-weight:700;font-size:36px;color:#111}
.contents-case-graybox .case-head p{padding-left: 37px;margin-top:60px;line-height:145%;font-size:18px}

.contents-case-graybox .case-body{flex:1;min-width:500px}
.contents-case-graybox .case-body>ul>li{padding:40px 50px;background-color:#fff;border-radius:10px;}
.contents-case-graybox .case-body>ul>li ~ li{margin-top:15px}
.contents-case-graybox .case-body>ul>li strong{display:flex;align-items:center;line-height:135%;font-weight:700;font-size:24px;color:#111}
.contents-case-graybox .case-body>ul>li strong i{flex:0 0 auto;width:38px;height:38px;margin-right:15px;padding-top:12px;text-align:center;letter-spacing:-0.5px;font-weight:500;font-size:16px;color:#fff;border-radius:100%}
.contents-case-graybox .case-body>ul>li ul{margin-left:55px}
.contents-case-graybox .case-body>ul>li ul li{letter-spacing:-0.5px}


.contents-case-graybox ~ .contents-case-graybox{margin-top:90px}


.contents-case-graybox.case-1 .case-head .case-title span{background-color:#f5d5e1;color:#a00a42}
.contents-case-graybox.case-2 .case-head .case-title span{background-color:#d2e3f4;color:#063c70}
.contents-case-graybox.case-3 .case-head .case-title span{background-color:#f4dbd3;color:#b6390b}

.contents-case-graybox.case-1 .case-body>ul>li strong i{background-color:#dc3271}
.contents-case-graybox.case-2 .case-body>ul>li strong i{background-color:#005eb8}
.contents-case-graybox.case-3 .case-body>ul>li strong i{background-color:#f06938}


@media screen and (max-width:1200px) {
    .contents-case-graybox{flex-direction: column;padding:0;background-color:transparent;border-radius:0}
    .contents-case-graybox .case-head{flex:0 0 auto}
    .contents-case-graybox .case-head h4{margin-top:30px;padding-left:0;font-size:28px;word-break: keep-all;}
    .contents-case-graybox .case-head p{margin-top:20px;padding-left:0;word-break: keep-all;}
    .contents-case-graybox .case-head h4 br{display:none}
    .contents-case-graybox .case-head p br{display:none}
    .contents-case-graybox .case-body{flex:0 0 auto;min-width:0;margin-top:40px}
    .contents-case-graybox .case-body>ul>li{padding:0;}

    .contents-case-graybox ~ .contents-case-graybox{margin-top:40px;padding-top:40px;border-top:1px dashed #ddd}
}





/* 이용안내 */
.contents-utilization-graybox{padding:55px;background-color:#fafafa;border-radius:20px}
.contents-utilization-graybox .utilization-title{position:relative;display:block;text-align: center;}
.contents-utilization-graybox .utilization-title img{position:relative}
.contents-utilization-graybox .utilization-title span{
    display:block;text-align:center;
    max-width:640px;padding:27px 40px 27px;margin:0 auto;
    border-radius:200px;background-color:#005eb8;
    line-height:135%;font-weight:500;font-size:26px;color:#fff
}
.contents-utilization-graybox .utilization-title span i{font-weight:700;margin-left:10px}
.contents-utilization-graybox .utilization-category{display:flex;flex-wrap:wrap;margin-top:-45px;padding:95px 45px 45px;background-color:#ddeaf5;border-radius:20px}
.contents-utilization-graybox .utilization-category li{flex: 1 1 calc(25% - 10px);display:flex;justify-content: center;align-items: center;padding:15px 20px;margin-left:10px;word-break:keep-all;text-align:center;line-height:140%;font-size:20px;font-weight:500;background-color:#fff;border-radius:10px;color:#111}
.contents-utilization-graybox .utilization-category li:nth-child(4n+1){margin-left:0}
.contents-utilization-graybox .utilization-category li:nth-child(4) ~ li{margin-top:10px}
.contents-utilization-graybox .utilization-category li:last-child{flex-basis:calc(50% - 10px)}
@media screen and (max-width:1000px) {
    .contents-utilization-graybox .utilization-title span i{display:block;margin:10px 0 0}
    .contents-utilization-graybox .utilization-category li{flex-basis:calc(50% - 10px)}
    .contents-utilization-graybox .utilization-category li:nth-child(4n+1){margin-left:10px}
    .contents-utilization-graybox .utilization-category li:nth-child(2n+1){margin-left:0}
    .contents-utilization-graybox .utilization-category li:nth-child(2) ~ li{margin-top:10px}
}
@media screen and (max-width:750px) {
    .contents-utilization-graybox .utilization-title span{margin:0 -20px}
    .contents-utilization-graybox .utilization-category li{flex-basis:100%;margin-left:0}
    .contents-utilization-graybox .utilization-category li:nth-child(1) ~ li{margin-top:10px}
}


.contents-utilization-graybox .utilization-type{display:flex}
.contents-utilization-graybox .utilization-type .type-item{display:flex;flex-direction:column;flex:1 1 calc(33.33% - 20px)}
.contents-utilization-graybox .utilization-type .type-item ~ .type-item{margin-left:20px}
.contents-utilization-graybox .utilization-type .type-item .item-title{flex:0 0 auto;display:flex;justify-content:center;align-items:center;height:65px;background-color:#000;border-radius:10px;font-weight:700;font-size:24px;color:#fff}
.contents-utilization-graybox .utilization-type .type-item .item-descript{flex:1 1 auto;padding:35px;margin-top:10px;border-radius:10px;background-color:#fff}
.contents-utilization-graybox .utilization-type .type-item .item-descript p{font-size:18px}
.contents-utilization-graybox .utilization-type .type-item .item-descript ul{font-size:18px}
.contents-utilization-graybox .utilization-type .type-item .item-descript ul b{font-weight:700}
.contents-utilization-graybox .utilization-type .type-item .item-descript ul span{color:#666;font-size:16px}
.contents-utilization-graybox .utilization-type .type-item:nth-child(1) .item-title{background-color:#005eb8}
.contents-utilization-graybox .utilization-type .type-item:nth-child(2) .item-title{background-color:#15407b}
.contents-utilization-graybox .utilization-type .type-item:nth-child(3) .item-title{background-color:#008ba9}
@media screen and (max-width:1000px) {
    .contents-utilization-graybox .utilization-type{display:block}
    .contents-utilization-graybox .utilization-type .type-item ~ .type-item{margin:25px 0 0}
}

.contents-utilization-borderbox{padding:55px;border:1px solid #e1e2e5;border-radius:20px}
.contents-utilization-borderbox .utilization-guide{display:flex;flex-wrap:wrap}
.contents-utilization-borderbox .utilization-guide .guide-item{display:flex;align-items:center;flex:1 1 calc(50% - 25px);padding:50px;border-radius:15px}
.contents-utilization-borderbox .utilization-guide .guide-item .item-wrapper{flex:1 0 auto;margin-right:20px}
.contents-utilization-borderbox .utilization-guide .guide-item .item-title{display:block;font-weight:700;font-size:26px;color:#111}
.contents-utilization-borderbox .utilization-guide .guide-item .item-text{margin-top:25px;line-height:150%;font-size:18px;color:#111}
.contents-utilization-borderbox .utilization-guide .guide-item .item-image{flex:0 1 auto;text-align:right}

.contents-utilization-borderbox .utilization-guide .item-phone{flex-direction:row-reverse;background-color:#fef0f5}
.contents-utilization-borderbox .utilization-guide .item-interview{flex-direction:row-reverse;background-color:#fdf6eb;margin-left:25px}

.contents-utilization-borderbox .utilization-guide .item-date{flex:1 1 100%;margin-top:25px;background-color:#fafafa}
.contents-utilization-borderbox .utilization-guide .item-date .item-date-wrapper{flex:1 1 auto;display:flex;}
.contents-utilization-borderbox .utilization-guide .item-date .item-date-title{flex:0 0 auto;font-weight:700;font-size:26px;color:#111}
.contents-utilization-borderbox .utilization-guide .item-date .item-date-text{flex:1 1 auto;position:relative;margin-left:20px;padding-left:20px;font-size:18px;color:#111}
.contents-utilization-borderbox .utilization-guide .item-date .item-date-text::before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);height:15px;border-left:1px solid #b3b3b3}
.contents-utilization-borderbox .utilization-guide .item-date .item-date-text i{vertical-align:-2px;font-weight:700;font-size:26px;color:#005eb8}
.contents-utilization-borderbox .utilization-guide .item-date .item-date-text span{margin-left:25px;color:#333}
.contents-utilization-borderbox .utilization-guide .item-date .item-date-button{flex:0 0 auto}
@media screen and (max-width:1280px) {
    .contents-utilization-borderbox .utilization-guide .guide-item{position:relative}
    .contents-utilization-borderbox .utilization-guide .guide-item .item-wrapper{position:relative}
    .contents-utilization-borderbox .utilization-guide .guide-item .item-image{opacity:0.5;position:absolute;bottom:30px;right:30px}

    .contents-utilization-borderbox .utilization-guide .item-phone .item-text{text-shadow: -2px 0px #feebf2, 0px 2px #feebf2, 2px 0px #feebf2, 0px -2px #feebf2;}
    .contents-utilization-borderbox .utilization-guide .item-interview .item-text{text-shadow: -2px 0px #fff1dd, 0px 2px #fff1dd, 2px 0px #fff1dd, 0px -2px #fff1dd;}
    
    .contents-utilization-borderbox .utilization-guide .item-date{flex-wrap:wrap}
    .contents-utilization-borderbox .utilization-guide .item-date .item-date-wrapper{justify-content:center}
    .contents-utilization-borderbox .utilization-guide .item-date .item-date-wrapper .item-date-text{flex:0 1 auto}
    .contents-utilization-borderbox .utilization-guide .item-date .item-date-button{flex:1 1 100%;margin-top:25px;text-align:center;}
}
@media screen and (max-width:1100px) {
    .contents-utilization-borderbox .utilization-guide .item-date .item-date-wrapper{flex-wrap:wrap}
    .contents-utilization-borderbox .utilization-guide .item-date .item-date-wrapper .item-date-title{flex:1 1 100%;text-align:center;}
    .contents-utilization-borderbox .utilization-guide .item-date .item-date-wrapper .item-date-text{flex:1 1 100%;margin-top:25px;text-align:center;padding-left:0;margin-left:0}
    .contents-utilization-borderbox .utilization-guide .item-date .item-date-wrapper .item-date-text::before{display:none}
}
@media screen and (max-width:1000px) {
    .contents-utilization-borderbox .utilization-guide .guide-item{flex-basis:100%;margin-left:0}
    .contents-utilization-borderbox .utilization-guide .guide-item ~ .guide-item{margin-top:25px}
    .contents-utilization-borderbox .utilization-guide .item-date .item-date-wrapper .item-date-text{display:block}
    .contents-utilization-borderbox .utilization-guide .item-date .item-date-wrapper .item-date-text span{display:block;margin:10px 0 0}
}
@media screen and (max-width:700px) {
    .contents-utilization-borderbox{padding:0;border:0}
}








/* 제도소계 */
.introduction-section-1{position:relative}
.introduction-section-1 .introduction-slogan{display:block;margin-bottom:40px;text-align:center;font-weight:700;font-size:36px;color:#000}
.introduction-section-1 .introduction-slogan i{color:var(--primary)}
.introduction-section-1 .introduction-title{z-index:1;position:relative;width:352px;height:352px;margin:0 auto}
.introduction-section-1 .introduction-title span{
    position:absolute;top:140px;left:0;width:100%;
    display:flex;align-items: center;justify-content: center;text-align: center;
    line-height:145%;font-weight:700;font-size:32px;color:#fff;
}

.introduction-section-1 .introduction-list{position:relative;height:564px;margin-top:-210px;background:#eff8fd url(../../../../images/name/user/ko/contents/contents-introduction-section1-bg.png) no-repeat 50% 0}
.introduction-section-1 .introduction-list::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:#eff8fd}
.introduction-section-1 .introduction-list::after{content:'';position:absolute;top:0;right:-100%;width:100%;height:100%;background-color:#eff8fd}
.introduction-section-1 .introduction-list .list-item{position:absolute;top:0;left:0;margin-left:50%;transform:translateX(-50%)}
.introduction-section-1 .introduction-list .list-item img{display:none}
.introduction-section-1 .introduction-list .list-item em{display:block;margin-bottom:20px;font-weight:700;font-size:26px;color:#000}
.introduction-section-1 .introduction-list .list-item p{white-space: nowrap;line-height:150%;font-size:18px;text-align:inherit;color:#111}

.introduction-section-1 .introduction-list .list-item:nth-child(1){top:190px;left: -410px;text-align:right}
.introduction-section-1 .introduction-list .list-item:nth-child(2){top: 340px;left:0;text-align:center}
.introduction-section-1 .introduction-list .list-item:nth-child(3){top: 190px;left: 450px;text-align:left}

@media screen and (max-width:1400px) {
    .introduction-section-1 .introduction-slogan i{display:block;margin-top:15px}
    .introduction-section-1 .introduction-title{width:272px;height:272px;}
    .introduction-section-1 .introduction-title span{top: 112px;font-size:30px}
    .introduction-section-1 .introduction-list{padding:270px 0 60px;height:auto;background-image:none}
    .introduction-section-1 .introduction-list .list-item{position:static;margin:0;transform:none;text-align:center !important}
    .introduction-section-1 .introduction-list .list-item img{display:block;margin:0 auto}
    .introduction-section-1 .introduction-list .list-item em{margin-top:20px}
    .introduction-section-1 .introduction-list .list-item ~ .list-item{margin-top:50px}
}



.introduction-section-2{}
.introduction-section-2 .introduction-list{display:flex}
.introduction-section-2 .introduction-list li{position:relative;display:flex;flex-direction:column;align-items:flex-start;flex:1 1 100%;padding:45px;padding-top:120px;border-radius:20px}
.introduction-section-2 .introduction-list li ~ li{margin-left:30px}
.introduction-section-2 .introduction-list li img{position:absolute;top:45px;left:45px}
.introduction-section-2 .introduction-list li strong{display:block;font-weight:700;font-size:26px;color:#000}
.introduction-section-2 .introduction-list li p{margin-top:20px;line-height:150%;font-size:18px;color:#111}
.introduction-section-2 .introduction-list li p + p{font-size:16px;color:#666}
.introduction-section-2 .introduction-list li:nth-child(1){background-color:#eff8fd}
.introduction-section-2 .introduction-list li:nth-child(2){background-color:#fdf6eb}
.introduction-section-2 .introduction-list li:nth-child(3){background-color:#fef0f5}

@media screen and (max-width:1400px) {
    .introduction-section-2 .introduction-list{display:block}
    .introduction-section-2 .introduction-list li ~ li{margin:30px 0 0}
    .introduction-section-2 .introduction-list li p br{display:none}
}




.introduction-borderbox{padding:60px;border-radius:20px;background-color:#fafafa}



.introduction-section-3 .introduction-borderbox{display:flex;}
.introduction-section-3 .introduction-borderbox .introduction-image{flex:0 0 auto;display:flex;align-items:center}
.introduction-section-3 .introduction-borderbox .introduction-list{flex:1;padding:45px;margin-left:60px;background-color:#fff;border-radius:20px}
.introduction-section-3 .introduction-borderbox .introduction-list>li{position:relative;padding-left:50px;font-size:18px;color:#111}
.introduction-section-3 .introduction-borderbox .introduction-list>li i{position:absolute;top:0;left:0;width:38px;height:38px;padding-top:11px;text-align:center;color:#fff;background-color:#005eb8;border-radius:100%}
.introduction-section-3 .introduction-borderbox .introduction-list>li strong{line-height:140%;font-weight:700;font-size:26px;color:#000}
.introduction-section-3 .introduction-borderbox .introduction-list>li ~ li{margin-top:40px;padding-top:40px;border-top:1px solid #e1e2e5}
.introduction-section-3 .introduction-borderbox .introduction-list>li ~ li i{top:40px}  
.introduction-section-3 .introduction-borderbox .introduction-list>li .list li li{font-size:16px;color:#666}

@media screen and (max-width:1400px) {
    .introduction-section-3 .introduction-borderbox{padding:0;background:none;border:1px solid #ddd}
    .introduction-section-3 .introduction-borderbox .introduction-image{display:none}
    .introduction-section-3 .introduction-borderbox .introduction-list{margin-left:0}
}




.introduction-section-4 .introduction-borderbox{display:flex;justify-content:center}
.introduction-section-4 .introduction-borderbox .mid{flex:0 0 140px;display:flex;justify-content:center;align-items:center}
.introduction-section-4 .introduction-borderbox .service-continer{flex:0 1 475px;padding:45px;border-radius:20px}
.introduction-section-4 .introduction-borderbox .service-continer h5{margin-bottom:30px;font-weight:700;font-size:26px;text-align:center}
.introduction-section-4 .introduction-borderbox .service-continer ul{position:relative}
.introduction-section-4 .introduction-borderbox .service-continer ul li{padding:20px 0;font-size:20px;color:#111;text-align:center;background-color:#fff;border-radius:10px}
.introduction-section-4 .introduction-borderbox .service-continer ul li i{font-weight:700;color:var(--primary)}
.introduction-section-4 .introduction-borderbox .service-continer ul li ~ li{margin-top:10px}
.introduction-section-4 .introduction-borderbox .service-continer:nth-of-type(1){background-color:#eaedf0}
.introduction-section-4 .introduction-borderbox .service-continer:nth-of-type(1) h5{color:#000}
.introduction-section-4 .introduction-borderbox .service-continer:nth-of-type(2){background-color:var(--primary)}
.introduction-section-4 .introduction-borderbox .service-continer:nth-of-type(2) h5{color:#fff}
@media screen and (max-width:1200px) {
    .introduction-section-4 .introduction-borderbox{display:block;}
    .introduction-section-4 .introduction-borderbox .mid{transform: rotate(90deg);}
}
@media screen and (max-width:700px) {
    .introduction-section-4 .introduction-borderbox{padding:0;background-color:none}
}