@charset "UTF-8";

button {font-family: 'Noto Sans KR';}
.link_detail {display: inline-block; padding: 12px 22px; background-color: #F6F6F6; border-radius: 40px; font-size: 16px; color: #666; letter-spacing: -1.4px; font-weight: 500; transition: all 0.5s;}
.link_detail .bt_arrow {position: relative; display: inline-block;margin-left: 4px; width: 17px; height: 16px; background: url(../images/icon_landing/ic_arrow.svg) -40px 0; top: 1px;}
.btn_fill_mid_gray {display: flex; font-size:18px; padding: 20px 60px 20px 56px; letter-spacing:0; justify-content: center; align-items: center; border-radius: 30px; color:#555; transition:all .2s; font-weight:500; background: #f6f6f6}
.btn_fill_mid_gray:hover {background: #e9e9e9; color: #333; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}

/* 서브 메인 비주얼 (그룹웨어,경리회계,경영지원,경비관리) */
.content_head .tit {padding-top: 100px; width: 100%; text-align: center;}
.content_head h1 {color:#000; font-size:48px; text-align: center;}
.content_head h2,
.content_body h2 {text-align:center; font-size:42px; font-weight:600; color:#000; line-height:140%;}
.content_head h3,
.content_body h3 {text-align:center; font-size:38px; color:#000; line-height:140%;}

.content_head .desc {margin-top:20px; font-size:18px; color:#888; text-align: center;}
.area_visual {overflow:hidden; height:920px;}
.area_visual.additional {height:990px;}
.area_visual .visual {margin-top:70px; text-align:center;}
.area_visual .decoration {position:absolute; width:1500px; height:100%; top:60%; left:50%; transform:translate(-50%, -50%); overflow:hidden; z-index: -1;}
.area_visual .decoration div {border-radius:50%; display:inline-block; position:relative;}
.area_visual .decoration .circle1 {width:10px; height:10px; background-color:#e5f8f9; top:220px; left:160px;}
.area_visual .decoration .circle2 {width:14px; height:14px; background-color:#d6e1ff; top:340px; left:280px;}
.area_visual .decoration .circle3 {width:10px; height:10px; background-color:#47dae3; top:535px; left:40px;}
.area_visual .decoration .circle4 {width:20px; height:20px; background-color:#def3ff; top:710px; left:105px;}
.area_visual .decoration .circle5 {width:10px; height:10px; background-color:#87d5ff; top:270px; left:1330px;}
.area_visual .decoration .circle6 {width:15px; height:15px; background-color:#d5f0ff; top:220px; left:1230px;}
.area_visual .decoration .circle7 {width:12px; height:12px; background-color:#b0f2f5; top:630px; left:1370px;}
.area_visual .decoration .circle8 {width:15px; height:15px; background-color:#d5f4f6; top:780px; left:1210px;}


/* 서브 4가지 기능 메뉴 탭 */
.area_nav.channel {border-top:1px solid #eff3fb; cursor:pointer; border-bottom:1px solid #eff3fb; background:#fff; position:relative;}
.area_nav.channel.additional {top:0;}
.area_nav.channel.additional a.current {color:#333; border-bottom:2px solid #333; font-weight:600;}
.area_nav.channel .inner_flex {max-width:700px; margin:0 auto; justify-content:space-around;}
.area_nav.channel a {padding:16px 20px 14px;}
.area_nav.channel a:hover .tit,
.area_nav.channel a.current .tit,
.area_nav.channel a.active .tit {color:#333; font-weight:600;}
.area_nav.channel a:hover,
.area_nav.channel a.current,
.area_nav.channel a.active {border-bottom:2px solid #333;}
.area_nav.channel .tit {line-height:30px; color:#A2ACB5; font-weight:500; font-size:18px;}

/* 서브 다우오피스 기능 소개 */
.area_cont .cont_item {margin:70px auto 0;}
.area_cont .cont_item ul {display:flex; flex-wrap:wrap; flex-direction:row; justify-content:center; width:90%; margin:0 auto;}
.area_cont .cont_item li {width:calc(70% / 2); background-color:#fff; padding:20px 0 16px 30px; border-radius:15px;}
.area_cont .cont_item li:nth-child(1) {margin:0 26px 24px 0; box-shadow: 0 10px 30px #e4edf0;  position:relative;}
.area_cont .cont_item li:nth-child(2) {margin:0 0 24px 0;}
.area_cont .cont_item li:nth-child(3) {margin:0 26px 0 0;}
.area_cont .cont_item li div {position:relative; top:2px; display:inline-block;}
.area_cont .cont_item li p {position:relative; top:-26px; font-size:22px; font-weight:600; display:inline-block;}
.area_cont .cont_item li .tit {color:#555;}
.area_cont .cont_item li .gray {color:#999;}
.area_cont .cont_item li.fade-out-box {display: inline-block; animation: fadeout 3s; -moz-animation: fadeout 3s; /* Firefox */ -webkit-animation: fadeout 3s; /* Safari and Chrome */ animation-fill-mode: forwards;}
@keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0.5;
    }
}
@-moz-keyframes fadeout { /* Firefox */
    from {
        opacity: 1;
    }
    to {
        opacity: 0.5;
    }
}
@-webkit-keyframes fadeout { /* Safari and Chrome */
    from {
        opacity: 1;
    }
    to {
        opacity: 0.5;
    }
}

/* 서브 차별점 */
.area_overview {padding-top:100px; padding-bottom:140px;}
.area_overview .inner ul {display:grid; grid-template-columns:repeat(4, 1fr); gap:2vw;}
.area_overview .inner li {display:flex; flex-direction:column; align-items:center;}
.area_overview .inner li div {line-height:170%; text-align:center}
.area_overview .inner li .tit {font-size:clamp(18px, 1.8vw, 22px); color:#333; font-weight:600; margin-top:24px; line-height:160%;}
.area_overview .inner li .desc {font-size:clamp(16px, 1.3vw, 18px); color:#888; margin-top:10px; line-height:160%;}

/* 서브 페이지 기본 레이아웃 */
.area_cont {padding-top:110px; padding-bottom:110px;}
.area_cont .cont_head h3 {font-weight:300; margin-top:6px;}
.area_cont .cont_head .desc {margin-top:30px; font-size:18px; text-align:center; line-height:170%; color:#888;}
.area_cont .cont_head .desc em {font-weight:500; color:#666;}
.area_cont .cont_head .mint {color:#02C7D0;}
.area_cont .cont_head .blue {color:#2F83F7;}
.area_cont .cont_head .green {color:#00BE6E;}
.area_cont .cont_intro {max-width:980px; margin:60px auto 0;}

/* 서브 세부기능 소개 메뉴 탭 */
.area_detail {padding-top:120px;}
.area_detail .navbar {overflow:hidden;}
.area_detail .navbar .wrap_navbar {position:relative; max-width:1280px; margin:80px auto 0;}
.area_detail .navbar .anchors {margin:0 auto; text-align:center;}
.area_detail .navbar a.item .item_text {display:block; margin-top:10px; font-size:15px; color:#333; font-weight: 500; line-height: 18px;}
/* .anchors : scroll 이동 */
.area_detail .navbar .anchors a {margin:8px; display:inline-block; box-sizing:border-box; border:1px solid #E0E0E0; vertical-align:top; font-size:16px; color:#8D8D8D; cursor:pointer; position:relative; transition: all .2s cubic-bezier(0.5,0.8,0.6,0.88); background:#fff;}
.area_detail .navbar .anchors a + a {margin-left:16px}
/* .tab_default: 탭하면 해당 콘텐츠로 이동 */
.tab_default {margin:0 0 50px;}
.tab_default button {font-size:16px; margin:0 4px; padding:12px 20px; border-radius:50px; background-color:transparent; color:#AAA; letter-spacing:-1px; font-weight:500; cursor:pointer;}
.tab_default button:hover, .tab_default button.active {background:#333; color:#fff; transition: all .2s cubic-bezier(0.5,0.8,0.6,0.88);}
.tab_contents {transition:all .4s;}
.tab_contents > div {display:none;}
.tab_contents div.active {display:block;}
.tab_contents .thumb.mo {display:none;}
.tab_contents .thumb.pc {display:block;}
/* text type */
.tabs {display: flex; flex-wrap: wrap; gap: 4px 0}
.tabs .tab {padding: 8px 20px; cursor: pointer; border: none; background-color: transparent; outline: none; font-size: 20px; font-weight: bold; color: #C1C1C2;transition:all .2s}
.tabs .tab.active {display: flex; justify-content: center; align-items: center; border-radius: 50px; background: #36393A; color: #fff}

/* 서브 기능 상세설명 */
.list_func h3 {font-size:34px; font-weight:600; line-height:150%; text-align:left;}
.list_func .desc {margin:26px 0 20px;}
.list_func .inner_flex > div {flex:1; -ms-flex:1;}
.list_func .inner_flex {max-width:1200px; margin:0 auto;}
.list_func .item {padding-top:180px;}
.list_func .item:first-child {padding-top:130px; padding-bottom:100px;}
.list_func .item:last-child {padding-top:180px; padding-bottom:100px;}
.list_func .item .right {flex-direction:row-reverse;}
.list_func .item .ic_app {margin:0;}
.list_func .item_cont {padding-top:40px;}
.list_func .item_cont.right {padding-left:120px;}
.list_func .item_cont .label {margin-bottom:6px; font-size:20px; font-weight:500; color:#52D2D8;}
.list_func .item_cont .desc {margin-top:22px; font-size:18px; color:#888; text-align:left;}
.list_func .item_cont .btn_txt {margin-top:36px;}
.list_func .item.wide1 .inner_flex,
.list_func .item.wide2 .inner_flex {display:flex; position:relative; margin:0 auto; max-width:1200px; flex-direction:column; align-items:center;}
.list_func .item.wide1 .item_cont,
.list_func .item.wide2 .item_cont {display:flex; flex-direction:column; align-items:center; margin:0 0 50px; padding:0;}
.list_func .item.wide1 h3 {text-align:center; color:#fff;}
.list_func .item.wide2 h3 {color:#333;}
.list_func .item.wide3 h3 {color:#fff;}
.list_func .item.wide1 .desc {color:#C8D1DE; margin:16px 0 0;}
.list_func .item.wide2 .desc {color:#888; text-align:center; margin:16px 0 0;}
.list_func .item.wide3 .desc {color:#C8D1DE; margin:16px 0 0;}

/* 서브 기능 설명 (박스) */
.area_point {padding-top:130px; padding-bottom:30px;}
.area_point .cont_head .label {text-align:center; margin-bottom:6px; font-size:20px; font-weight:500; color:#52D2D8;}
.area_point .cont_intro .box .item {border-radius:30px; margin-bottom:20px; display:flex; /* justify-content: flex-end; */}
.area_point .cont_intro .box .item .title {font-size:26px; margin-bottom:20px; font-weight:600; color:#333;}
.area_point .cont_intro .box .item .title.left {text-align:left;}
.area_point .cont_intro .box .item .title.center {text-align:center;}
.area_point .cont_intro .box .item .desc {font-size:20px; font-weight:400; line-height:160%; color:#555;}
.area_point .cont_intro .box .item .desc.left {text-align:left;}
.area_point .cont_intro .box .item .desc.center {text-align:center;}
.area_point .cont_intro .box .item.second .label,
.area_point .cont_intro .box .item.third .label {text-align:center;}
.area_point .cont_intro .box.center {display:flex; gap:0 20px;}

/* 동영상 */
.area_video {padding-top:110px; padding-bottom:50px;}
.area_video .cont_video {margin:70px 0 0; padding:0;}
.area_video .cont_video .inner_box {position:relative; margin: 0 auto; max-width:800px;}
.area_video .cont_video iframe {width:100%; border-radius:20px;}
.area_video .list_item .inner {flex-direction:column;}
.area_video .list_item .item {width:100%; padding:20px 0;}
.area_video .list_item .item:after {display:none;}

/* 유튜브 card list 영역 */
.area_youtube {padding-top:60px; padding-bottom:100px; display:flex; flex-direction:column; align-items:center;}
.area_youtube h2 em {font-weight:400; letter-spacing:-2px;}
.area_youtube .cont_head {text-align:center;}
.area_youtube .cont_list {max-width:1200px; margin-top:80px;}
.area_youtube .cont_list li {display:inline-block; border:1px solid #ddd; border-radius:15px; margin-right:24px;}
.area_youtube .cont_list li:last-child {margin-right:0;}
.area_youtube .cont_list li .thumb {width:100%; height:210px; overflow:hidden; border-top-left-radius:15px; border-top-right-radius:15px;}
.area_youtube .cont_list li img {transition: all 0.3s ease-in-out;}
.area_youtube .cont_list li:hover img {transform: scale(106%);}
.area_youtube .cont_list li .con {padding:30px 0 45px 45px;}
.area_youtube .cont_list li .con .desc {font-size:18px; color:#888;}
.area_youtube .cont_list li .con .tit {font-size:26px; color:#333; font-weight:600;}

/* QNA */
.list_qna {margin:0 auto; max-width:840px;}
.list_qna .box_qna {border-bottom:1px solid #eee; padding:24px 0;}
.list_qna .area_box {margin-top:80px;}
.list_qna .question p {margin:10px 0; cursor:pointer; font-size:24px; font-weight:500; color:#333; letter-spacing:-1px; width:85%;}
.list_qna .question .ic_detail {width:20px; height:20px; background:url(../images/ic_detail.svg) 0 0 no-repeat; cursor:pointer; display:inline-block; float:right; position:relative; top:-39px;}
.list_qna .box_qna[open] > .question .ic_detail {background:url(../images/ic_detail.svg) -20px 0 no-repeat;} /* details[open] > summary .화살표클래스*/
.list_qna .answer {margin-bottom:30px; padding-top:20px;}
.list_qna .answer li {font-size:18px; color:#999; letter-spacing:-1px;}
.list_qna summary::marker {content:''; display:none;}
.list_qna summary::-webkit-details-marker {content:''; display:none;}

/* 소개자료 다운 */
.area_leaddown {margin:60px 0;}
.area_leaddown .box {margin:0 auto; background:#162678; max-width:1200px; border-radius:25px; display:flex; padding:46px 0 50px; justify-content: space-between;}
.area_leaddown .box .t {font-size:32px; color:#fff; font-weight:600; line-height:150%;}
.area_leaddown .box .wrap {margin-left:130px; display:flex; flex-direction:column; width:fit-content; align-items:start; justify-content:start;}
.area_leaddown .box .wrap .link {color:#c8d1de; margin-top:24px;}
.area_leaddown .lead_down {width:263px; height:116px; display:flex; margin:15px 130px 0 0;}
.area_leaddown .wrap .t em {color:#D0FDFF;}

/* TABLE */
.tb_type1 {width:100%;}
.tb_type1 th, .tb_type1 td {padding:10px 0; box-sizing:border-box; vertical-align:middle; text-align:center;}
.tb_type1 th.line_bottom, .tb_type1 td.line_bottom {border-bottom: 1px solid #EBECEF;}
.tb_type1 thead th {width:15%; background:#AAB1BF; color:#fff; text-align:center; font-weight:500; border-right: 1px solid #fff;}
.tb_type1 .depth {width:25%;}
.tb_type1 .depth1 {font-weight:700; font-size:18px;}
.tb_type1 thead th.pick {background: #00b3ce; border-style: solid; border-width:1px; border-color: #00b3ce #fff #fff #00b3ce; font-weight: 700}
.tb_type1 thead th.blanks {background: transparent; border-right: 1px solid #93BFFB;} 
.tb_type1 tbody th {text-align:left;}
.tb_type1 tbody td.pick {background: #fff; border-right: 1px solid #B8DBE0; border-left:1px solid #B8DBE0;}
.tb_type1 tbody th .major, .tb_type1 tbody td {color:#00b3ce;}
.tb_type1 tbody th .tag_badge {position:relative; top:-2px; margin-left:6px;}
.tb_type1 tbody tr:last-child td.pick {border-bottom: 1px solid #B8DBE0;}
.tb_type1 tbody tr:hover {background: #F2F6FD;}
.tb_type1 tbody tr:hover td.pick {background: rgba(242, 246, 253, 0.8);}
.tb_type1 tbody tr.tit:hover {background:transparent;}
.tb_type1 tbody tr.tit:hover .pick {background:#fff; color:#00b3ce; border-color:#B8DBE0;} 
.tb_type1 .tag_badge {font-weight:normal; color:#00b3ce; border:1px solid #00b3ce}
.tb_type1 .ic.check {width: 6px; height: 12px;}

/* 아이콘 */
.ic_double_arrow {width:19px; height:16px; background:url(../images/ic_double_arrow.png) no-repeat; display:inline-block; margin:0 8px; position:relative; top:-27px;}
.ic_overview {width:95px; height:95px; background:url(../images/ic_overview_new.svg) no-repeat; display:inline-block;}
.ic_overview.ic01 {background-position:-3px -4px;}
.ic_overview.ic02 {background-position:-99px -4px;}
.ic_overview.ic03 {background-position:-195px -4px;}
.ic_overview.ic04 {background-position:-291px -4px;}
.ic_overview.ic05 {background-position:-3px -190px;}
.ic_overview.ic06 {background-position:-99px -190px;}
.ic_overview.ic07 {background-position:-195px -190px;}
.ic_overview.ic08 {background-position:-291px -190px;}
.ic_overview.ic09 {background-position:-415px -4px;}
.ic_overview.ic10 {background-position:-511px -4px;}
.ic_overview.ic11 {background-position:-607px -4px;}
.ic_overview.ic12 {background-position:-703px -4px;}

.ic_channel {width:64px; height:64px; background:url(../images/features/ic_channel.svg) no-repeat; margin-right:20px; display:inline-block;}
.ic_channel.ic01 {background-position:0 -2px;}
.ic_channel.ic02 {background-position:-65px -2px;}
.ic_channel.ic03 {background-position:-130px -2px;}
.ic_channel.ic04 {background-position:-195px -2px;}
.ic_app {display:block; margin:0 auto; width:34px; height:34px; background:url('../images/ic_app.svg') 0 0 no-repeat;}
.ic_app.personal {background-position:0px -290px;}
.ic_app.salary {background-position:-105px -290px;}
.ic_app.severance {background-position:-209px -290px;}
.ic_app.certificate {background-position:-313px -290px;}
.ic_app.payment {background-position:-416px -290px;}
.ic_app.drive {background-position:-521px -290px;}
.ic_app.manage_mo {background-position:-625px -290px;}
.ic_app.mail {background-position:0px -2px;}
.ic_app.approval {background-position:-105px -2px;}
.ic_app.works {background-position:-209px -2px;}
.ic_app.hr {background-position:-313px -2px;}
.ic_app.linkplus {background-position:-417px -2px;}
.ic_app.mobile {background-position:-521px -2px;}
.ic_app.todo {background-position:-625px -2px;}
.ic_app.report {background-position:-729px -2px;}
.ic_app.contact {background-position:-833px -2px;}
.ic_app.calendar {background-position:-937px -2px;}
.ic_app.survey {background-position:0px -98px;}
.ic_app.asset {background-position:-105px -98px;}
.ic_app.docs {background-position:-209px -98px;}
.ic_app.board {background-position:-313px -98px;}
.ic_app.community {background-position:-417px -98px;}
.ic_app.security {background-position:-521px -98px;}
.ic_app.messenger {background-position:-625px -98px;}
.ic_app.folder {background-position:-729px -98px;}
.ic_app.additional {background-position:-729px -290px;}
.ic_app.home {background-position:-833px -98px;}
.ic_app.admin {background-position:-937px -98px;}
.ic_app.accounting01 {background-position:0px -194px;}
.ic_app.accounting02 {background-position:-103px -194px; width:36px;}
.ic_app.accounting03 {background-position:-209px -194px;}
.ic_app.accounting04 {background-position:-313px -194px;}
.ic_app.accounting05 {background-position:-417px -194px;}
.ic_app.accounting06 {background-position:-521px -194px;}
.ic_app.accounting07 {background-position:-625px -194px;}
.ic_app.accounting08 {background-position:-729px -194px;}
.ic_app.accounting09 {background-position:-833px -194px;}
.ic_app.accounting10 {background-position:-935px -194px; width:38px;}
.ic_app_small {display:inline-block; width:25px; height:25px; background:url('../images/ic_app_small.png'); position: absolute; top:59px; left:78px;}
.ic_app_small.approval {background-position:-73px 0;}
.ic_com.star {display:  inline-block; width: 24px; height: 21px; background-position:-100px -606px}
.ic.check {display: inline-block; height: 20px; width: 11px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); border: 2px solid #00b3ce; border-width: 2px 0 0 2px;}
.ic_shorts {background:url(../images/main_new/ic_cta.svg) -4px 34px; width:34px; height:34px; margin-right:4px; display:inline-block;}
.ic_twinkle {display: inline-block; width: 43px; height: 44px; background: url(../images/main_new/ic_twinkle.svg) no-repeat 0 0; }

/* 멀티클래스 */
br.m {display:none;}
br.p {display:block;}
em.m {display:block; display:inline-block;}
.bg_lightmint {background:#F4F9FB;}
.bg_lightblue {background-color:#F9FBFE;}
.bg_navy {background-color:#3E4475;}
.bg_gray {background-color:#F8F9FA;}
.link {display:flex; align-items:center; gap:5px; color:#888; font-weight:500; white-space:nowrap; font-size:18px; margin-top:30px;}
.link.center {justify-content:center; margin-top:20px;}
.link.navy {color:#c8d1de;}

/* 중간배너 */
.area_bn {margin:40px 0 90px;}
.area_bn .link_bn_pc {display:block; text-align:center;}
.area_bn .link_bn_pc img {width:100%;}
.area_bn .link_bn_mo {display:none;}

/* 서브 페이지 case */
/* 그룹웨어 */
.features .area_detail {padding-top:0;}
.features .area_visual {height:1140px;}
.features .navbar a.item {padding:24px 5px 10px; width:100px; height:120px;}
.features .list_func .item:first-child {padding-top:130px; padding-bottom:0;}
.features .list_func .item:nth-child(4),
.features .list_func .item:nth-child(9),
.features .list_func .item:nth-child(14) {padding-top:180px; padding-bottom:140px;}
.features .list_func .item:last-child {padding-top:200px; padding-bottom:100px;}
.features .list_func .item.wide1 {padding-top:100px; padding-bottom:80px;}
.features .list_func .item.wide2 {padding-top:100px; padding-bottom:0px;}
.features .list_func .item.wide3 {padding-top:120px; padding-bottom:120px;}

/* 경리회계, 경영지원 공통 */
.accounting .area_video .inner_box.pc,
.management .area_video .inner_box.pc {display:block;}
.accounting .area_video .inner_box.mobile,
.management .area_video .inner_box.mobile {display:none;}
.area_vs .inner {max-width:1000px;}
.area_vs .tb_type1 thead th {width:12%; padding:12px 0; font-weight: normal; letter-spacing:0;}
.area_vs .tb_type1 thead th.pick {width:15%; font-weight:500}
.area_vs .tb_type1 .depth1 {padding:18px 0 6px}

/* 경리회계 */
.accounting .list_func .item.wide2 {padding-top:100px; padding-bottom:80px;}
.accounting .list_func .item.wide2 .item_cont {margin:0 0 30px;}
.accounting .list_func .item:last-child {padding-top:180px; padding-bottom:140px;}
.accounting .navbar a.item {padding:34px 5px; width:102px; height:140px;}
.accounting .area_vs .tb_type1 {margin-top:60px;}
.accounting .area_point .box .item {padding:0;}
.accounting .area_point .box .item .desc {font-size:20px;}
.accounting .area_point .box .item .item_cont {padding-top:40px;}
.accounting .area_point .box .item.first .item_cont {padding:100px 0 90px 110px;}
.accounting .area_point .box .item.first .item_thumb {display:flex; align-items:flex-end;}
.accounting .area_point .box .item.first img {width:100%;}
.accounting .area_point .box .item.first {background-color:#E8F3FF; gap:12vh; justify-content:flex-end;}
.accounting .area_point .box .item.second {background-color:#EBF9EE;}
.accounting .area_point .box .item.third {background-color:#FFF8E7;}
.accounting .area_point .box.center .item {width:50%; display:flex;  flex-direction:column;}
.accounting .area_point .box.center .item.second {align-items:center; justify-content:flex-end;}
.accounting .area_point .box.center .item.third {justify-content:flex-end;}
.accounting .area_point .box.center .item .item_thumb {display:flex; margin-top:30px;}
.accounting .area_point .box.center .item.third .item_thumb {justify-content:flex-end;}

/* 경영지원 */
.management .list_func .item.wide2 {padding-top:100px; padding-bottom:80px;}
.management .list_func .item.wide2 .item_cont {margin:0 0 30px;}
.management .list_func .item.second {padding-top:20px;}
.management .list_func .item:last-child {padding-top:180px; padding-bottom:140px;}
.management .navbar a.item {padding:34px 5px; width:154px; height:140px;}
.management .area_vs .tb_type1 {margin-top:60px;}
.management .area_point {padding-bottom:100px;}
.management .area_point h3 {font-size:34px; text-align:center; font-weight:600;}
.management .area_point .box .item {padding:0;}
.management .area_point .box .item .desc {font-size:20px;}
.management .area_point .box .item .item_cont {padding-top:50px;}
.management .area_point .box .item.first .item_cont {padding:100px 0 90px 110px;}
.management .area_point .box .item.first .item_thumb {display:flex; align-items:flex-end;}
.management .area_point .box .item.first img {width:90%;}
.management .area_point .box .item.first {background-color:#EBF9EE; gap:18vh;}
.management .area_point .box .item.second {background-color:#F4F7FA;}
.management .area_point .box .item.third {background-color:#EDF4FC;}
.management .area_point .box.center .item {width:50%; padding:0; flex-direction:column; align-items:center; justify-content:flex-start;}
.management .area_point .box.center .item_thumb {display:flex; margin-top:15px;}
.management .area_cont .box img {max-width:100%;}
.management .area_video {padding-top:50px; padding-bottom:50px;}

/* mail */
.mail .area_visual {height:950px;}

/* AI */
.ai .container_bn_top {top:-25px; position:relative;}
.ai .tit em {font-weight:300;}
.ai .list_func .item.wide2 {padding-top:100px; padding-bottom:80px;}
.ai .list_func .item.wide2 .item_cont {margin:0 0 30px;}
.ai .list_func .item {padding:0;}
.ai .area_visual {height:970px;}
.ai .navbar a.item {padding:34px 5px; width:154px; height:140px;}
.ai .area_vs .tb_type1 {margin-top:60px;}
.ai .area_cont h3 {font-size:34px; text-align:center; font-weight:600;}
.ai .area_point .cont_intro .box .item {justify-content: flex-start;}
.ai .area_cont .cont_intro {max-width:1200px;}
.ai .area_cont .box img {max-width:100%;}
.ai .area_cont .box img.pc {display:block;}
.ai .area_cont .box img.mo {display:none;}

/* AI 배너 영역 */ 
.ai .area_banner {
  margin: 0 auto;
  max-width: 1200px;}

.ai .area_banner .box {
  border-radius: 25px;
  display: flex;
  justify-content: space-between;
  background: #1a1a3d;
}

.ai .area_banner .box .wrap {
    color: #FFF;
    padding: 40px 0 40px 80px;
}

.ai .area_banner .box .wrap .tag {
    padding: 8px 16px;
    border-radius: 30px;
    background: #2F83F7;
    font-size: 16px;
    display: inline-block;
}

.ai .area_banner .box .wrap h4 {
    font-size: 32px;
    font-weight: 700;
    line-height: 130%;
    margin: 14px 0 18px 0;
}

.ai .area_banner .box .wrap p {
    color: #DDD;
    font-size: 20px;
}

.ai .area_banner .box .img img {
  width: 100%;
  display: flex;
}


.ai .area_service .wrap .box:first-child .inner {margin-top:20px;}
.ai .area_point .cont_intro .box .item_thumb {display:flex; justify-content:flex-end;}
.ai .area_point .cont_head .label {color:#fff; font-size:16px; background:linear-gradient(159deg, #6ee7f2 35%, #5af9b8 95.3150%); border-radius:20px; display:inline-block; padding:2px 14px;}
.ai .area_cont .item_cont {text-align:center;}

.ai .area_point .cont_intro.first .box .item {padding:0; width:600px; align-items:center;}
.ai .area_point .cont_intro.first .box .item .desc {font-size:20px;}
.ai .area_point .cont_intro.first .box .item.first {background-color:#EBE8FB; padding:20px 0 0 50px;}
.ai .area_point .cont_intro.first .box .item.first .item_cont {margin-bottom:40px;}
.ai .area_point .cont_intro.first .box .item.first .item_thumb {margin:0 0px 0px 70px;}
.ai .area_point .cont_intro.first .box .item.second .item_thumb {margin:30px 0 0 80px;}
.ai .area_point .cont_intro.first .box .item.second {background-color:#FFF8E3; flex-direction:row; padding:20px 0 30px 50px;}

.ai .area_point .cont_intro.first .box .item.third {background-color:#F4F9FB; gap:29vh; padding:50px 0 50px 90px; width:1120px;}
.ai .area_point .cont_intro.first .box .item.third .item_thumb {display:flex; align-items:flex-end;}
.ai .area_point .cont_intro.first .box .item.third .item_cont.left {text-align:left;}

.ai .area_point .cont_intro.second .box .item {padding:0; width:600px; align-items:center;}
.ai .area_point .cont_intro.second .box .item.first {background-color:#EEF8FF; justify-content:space-between; padding:20px 0 0 90px; width:1120px;}
.ai .area_point .cont_intro.second .box .item.first .title {margin:0 0 50px 0;}
.ai .area_point .cont_intro.second .box .item.second {background-color:#EAFAF2; flex-direction:column;}
.ai .area_point .cont_intro.second .box .item.third {background-color:#27426A; flex-direction:column;}
.ai .area_point .cont_intro.second .box .item.third .title {color:#fff;}
.ai .area_point .cont_intro.second .box .item.third .desc {color:#C6CED8; margin-bottom:50px;}

.ai .area_point .cont_intro.third .box .item.first {background-color:#3E4475; padding:0; width:auto; flex-direction:column;}
.ai .area_point .cont_intro.third .box .item.first .title {text-align:center; margin:20px 0 60px 0; color:#fff;}
.ai .area_point .cont_intro.third .box .item {padding:0; width:600px;}
.ai .area_point .cont_intro.third .box .item.second {background-color:#EAFAF2; flex-direction:column; gap:2vh;}
.ai .area_point .cont_intro.third .box .item.third {background-color:#EEF8FF; flex-direction:column;}
.ai .area_point .cont_intro.third .box .item.first .item_thumb {justify-content:center;}
.ai .area_point .cont_intro.third .box .item.third .item_thumb {justify-content:center; margin:20px 0 30px 0;}
.ai .area_point .cont_intro.third .box .item.second .item_thumb {justify-content:flex-end;}

.ai .area_point .cont_intro.fourth .box .item {width:100%; flex-direction:column; align-items:center; padding-top:50px;}
.ai .area_point .cont_intro.fourth .box .item.first {background-color:#F4F7FA;}
.ai .area_point .cont_intro.fourth .box .item.second {background-color:#EDF4FC;}

.ai .area_point .cont_intro.fifth .box .item {text-align:center; flex-direction:column; padding-top:50px;}
.ai .area_point .cont_intro.fifth .box .item .title {margin-bottom:40px;}
.ai .area_point .cont_intro.fifth .box .item.first {background-color:#E9F6FD; width:45%; justify-content:space-between;}
.ai .area_point .cont_intro.fifth .box .item.second {background-color:#F0F8DA; width:55%;}
.ai .area_point .cont_intro.fifth .box .item.second .item_thumb {justify-content:flex-end;}

.ai .area_point .cont_intro.fifth .box .item.third {background-color:#F4F9FB; padding:0 0 0 90px; gap:250px; align-items:center; flex-direction:row;}
.ai .area_point .cont_intro.fifth .box .item.third .item_thumb {display:flex; align-items:flex-end;}
.ai .area_point .cont_intro.fifth .box .item.third .item_cont.left {text-align:left;}

.ai .area_point .cont_intro.seventh .box .item {background-color:#EDF4FC; width: 1200px; flex-direction: column;}
.ai .area_point .cont_intro.seventh .box .item {padding-top:50px;}
.ai .area_point .cont_intro.seventh .box .item_thumb {justify-content:center;}
.ai .area_point .cont_intro.eight .box .item { background-color:#EDF4FC; width: auto; flex-direction: column;}
.ai .area_point .cont_intro.eight .box .item {padding-top:50px;}
.ai .area_point .cont_intro.eight .box .item_thumb {justify-content:center;}

.ai .area_box .cont_intro .box .item {background-color:#fff; width:100%; padding:50px 30px 50px 50px; justify-content:space-between;}

.ai .area_service {background: #f4f9fb; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 150px 0; letter-spacing: -1px; overflow: hidden;}
.ai .area_service .title {font-size: 48px; font-weight: 600; color: #333333; margin-bottom: 40px;}
.ai .area_service .sub {color: #999999; font-weight: 400; font-size: 26px; text-align:center;}
.ai .area_service .wrap {display:grid; grid-template-columns:repeat(5, 1fr); width:100%; max-width:1480px; gap:1.5vw; margin-top:90px;}
.ai .area_service > .inner {position: relative; margin: 10px 0 0 60px; max-width: 1280px;}
.ai .area_service .wrap .box {background: #ffffff; box-shadow: 0 10px 30px #e4edf0; border-radius: 20px; flex:0 0 auto; padding:40px 0 40px 0;}
.ai .area_service .wrap .box:hover {background: #ffffff; box-shadow: 0 10px 30px #d9e7ed; cursor: pointer;}
.ai .area_service .wrap .box .inner {position:unset; margin:unset; max-width:unset; text-align:center;}
.ai .area_service .wrap .box .inner a img {margin-bottom:clamp(10px, 1vw, 6px); max-width:55px; width:100%;}
.ai .area_service .wrap .box:first-child .inner a img {margin-bottom:clamp(10px, 1vw, 6px); max-width:82px; width:100%;}
.ai .area_service .wrap .box .t {font-size: clamp(14px, 2vw, 26px); font-weight: 600; margin-bottom: 14px; color: #333;}
.ai .area_service .wrap .box .s {font-size: clamp(14px, 1.5vw, 20px); font-weight:400; color:#999; line-height:150%; text-align:center;}
.ai .area_service .wrap .box .link {justify-content: start; font-size: 18px;}

.ai .area_point .cont_intro .box.center .item .desc.m {display:none;}
.ai .area_nav .ic_ai {width:24px; height:24px; background:url(../images/ai/ic_ai_emo.png); display:inline-block; margin-right:6px; position:relative; top:5px;}

/* 전자결재 및 세부 기능 랜딩 */
.features_approval .list_func .item:first-child {padding-top:0; padding-bottom:0;}

/* smb*/
.smb .list_func .item:first-child {padding-top:0px; padding-bottom:0px;}
.smb .area_wide .btn_wrap {justify-content:flex-start;}
.smb .area_wide .btn_wrap a {display:flex; padding:7px 34px; border-radius:40px; font-size:20px; font-weight:500; justify-content:center; letter-spacing:-1px; align-items:center;}
.smb .area_wide .btn_ghost {background-color:#fff; border-width:0; box-sizing: border-box; color:#00b3ce;}
.smb .area_wide .btn_ghost:hover {background-color:#eaf7f9;}

/* cartax biz */
.cartaxbiz .area_visual {height:1020px;}
.cartaxbiz .area_visual .logo {display:block; margin-bottom:30px;}
.cartaxbiz .area_visual .subtitle {font-size:28px; font-weight:500; color:#333; margin-bottom:12px;}
.cartaxbiz .area_visual .desc {margin-top:40px;}
.cartaxbiz .area_point .box .item.first {background-color: #E8F3FF; gap:150px;}
.cartaxbiz .area_point .box .item.first .item_cont {padding:100px 0 90px 110px;}
.cartaxbiz .area_point .box .item .desc {text-align:left; margin-top:20px; font-size:18px; color:#888;}
.cartaxbiz .area_point .box .item.first .item_thumb {margin-top:30px; display:flex;}
.cartaxbiz .area_point .box .item.first img {width:100%;}
.cartaxbiz .area_point .box .item .item_cont {padding-top:50px;}
.cartaxbiz .area_point .box.center .item {width:50%; flex-direction:column;}
.cartaxbiz .area_point .box.center .item.second {align-items:center; justify-content:flex-end; background-color:#E9EAFF;}
.cartaxbiz .area_point .box.center .item.second .item_thumb {display:flex; margin:40px 0 20px;}
.cartaxbiz .area_point .box.center .item.third {align-items:center; justify-content:flex-end; background-color:#E6F4F0;}
.cartaxbiz .area_point .box.center .item.third .item_thumb {display:flex; margin:60px 0 20px; justify-content:center;}
.cartaxbiz .area_point .box.center .item.fourth {align-items:center; justify-content:flex-end; background-color:#E8F1FF;}
.cartaxbiz .area_point .box.center .item.fourth .item_thumb {display:flex; margin:60px 0 0 0; justify-content:center;}
.cartaxbiz .area_point .box.center .item.fifth {align-items:center; justify-content:flex-end; background-color:#F4E8E6;}
.cartaxbiz .area_point .box.center .item.fifth .item_thumb {display:flex; margin:60px 0 0 0; justify-content:center;}
.cartaxbiz .additional .inner .list_func {margin-top:0;}
.cartaxbiz .area_cont .inner .list {margin-top:110px;}
.cartaxbiz .area_cont .inner .list {display:flex; text-align:center; justify-content: space-around;}
.cartaxbiz .area_cont .inner .list li .tit {font-size:22px; color:#333; font-weight:600; margin-top:24px; line-height:160%;}
.cartaxbiz .area_cont .inner .list li .desc {font-size:18px; color:#888; margin-top:10px; line-height:160%;}
.cartaxbiz .area_cont .cont_box {display:flex; flex-direction:column; align-items:center; margin-top:60px;}
.cartaxbiz .area_cont .cont_box .summary {position:relative; background:#fff; border:2px solid #B8D7E9; border-radius:30px;}
.cartaxbiz .area_cont .cont_box .dada {width:185px; height:260px; display:inline-block; position:absolute; top:43px; right:-50px;}
.cartaxbiz .area_cont .cont_box ul {padding:45px 200px 60px 130px; display:flex; flex-direction:column; align-items:flex-start;}
.cartaxbiz .area_cont .cont_box ul li {margin-top:18px; position:relative;}
.cartaxbiz .area_cont .cont_box ul li .ic_check {width:27px; height:22px; position:absolute; top:12px; background:url(../images/cartaxbiz/ic_check.png); display:inline-block;}
.cartaxbiz .area_cont .cont_box ul li p {font-size:26px; color:#333; display:inline-block; margin-left:55px;}
.cartaxbiz .area_cont .cont_box ul li em {font-weight:600;}
.cartaxbiz .area_cont .cont_box ul li .skyblue {color:#00C1F9;}
.cartaxbiz .area_cont .cont_box ul li .green {color:#25BF35;}
.cartaxbiz .area_cont .blue {color:#2F83F7;}
.cartaxbiz .area_cont .cont_price .box {justify-content:center; margin-top:60px;}
.cartaxbiz .area_cont .cont_price .box li {display:flex; align-items:center; flex-direction:row; padding:60px 80px; border:2px solid #eee; text-align:left; border-radius:25px;}
.cartaxbiz .area_cont .cont_price .box li .logo {display:inline-block;}
.cartaxbiz .area_cont .cont_price .box li .line {width:2px; height:60px; margin:0 60px; display:inline-block; background-color:#eee;}
.cartaxbiz .area_cont .cont_price .box .price {display:inline-block;}
.cartaxbiz .area_cont .cont_price .box .price .tt {font-size:44px; font-weight:600; color:#333;}
.cartaxbiz .area_cont .cont_price .box .price .bl {font-size:18px; color:#328AF1; margin-top:5px;}
.cartaxbiz .area_cont .cont_price .box .price strong {font-size:24px; font-weight:400; margin:0 2px 0 3px;}
.cartaxbiz .area_cont .cont_price .box .price em {font-size:14px; font-weight:400;}
.cartaxbiz .area_how {padding-bottom:0;}
.cartaxbiz .area_how .cont_list1 {margin-top:40px; display:flex; flex-direction:column; align-items:center;}
.cartaxbiz .area_how .cont_list1 .item {width:530px; height:70px; padding-left:60px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; border-radius:8px; background-color:#F5F7F9;}
.cartaxbiz .area_how .cont_list1 .item:last-child {margin-top:20px; background-color:#F0F7FE; border:2px solid #67B3FF;}
.cartaxbiz .area_how .cont_list1 .item .imgbox {margin-right:16px; position:relative; top:4px;}
.cartaxbiz .area_how .cont_list1 .item .imgbox::after {content:''; width:2px; height:20px; margin:0 0 0 18px; position:relative; top:-3px; background-color:#ddd; display:inline-block;}
.cartaxbiz .area_how .cont_list1 .bluebold {color:#2F83F7; font-weight:600;}
.cartaxbiz .area_how .cont_list2 {padding-top:80px; padding-bottom:110px;}
.cartaxbiz .area_how .cont_list2 .item_cont {text-align:center;}
.cartaxbiz .area_how .cont_list2 .list_func {display:flex; justify-content:center; margin-bottom:40px;}
.cartaxbiz .area_how .cont_list2 .list_func li {margin-right:40px;}
.cartaxbiz .area_how .cont_list2 .list_func li:last-child {margin-right:0;}
.cartaxbiz .area_how .cont_list2 .list_func h3 {font-size:22px; text-align:center;}
.cartaxbiz .area_how .cont_list2 .list_func .highlighter {position:relative; z-index:0;}
.cartaxbiz .area_how .cont_list2 .list_func .highlighter:after {content:''; position:absolute; left:1px; bottom:0; z-index:-1; width:102%; height:10px; background:#dbf1fe; border-radius:30px;}
.cartaxbiz .area_how .cont_list2 .list_func .desc {margin:14px 0 30px; font-size:16px; text-align:center;}
.cartaxbiz .ic_number {width:26px; height:26px; margin-bottom:8px; display:inline-block; background:url(../images/cartaxbiz/ic_number.svg);}
.cartaxbiz .ic_number.n1 {background-position:0 -2px;}
.cartaxbiz .ic_number.n2 {background-position:-28px -2px;}
.cartaxbiz .ic_number.n3 {background-position:-56px -2px;}
.cartaxbiz .ic_number.n4 {background-position:-84px -2px;}
.cartaxbiz .bg_skyblue {background-color:#F0F7FB;}
.cartaxbiz .area_advantage {padding-top:140px;}
.cartaxbiz .area_advantage .inner {max-width:1200px;}
.cartaxbiz .ic_advantage {width:95px; height:95px; display:inline-block; background:url("../images/cartaxbiz/ic_advantage.svg");}
.cartaxbiz .ic_advantage.ic01 {background-position:0 0;}
.cartaxbiz .ic_advantage.ic02 {background-position:-105px 0;}
.cartaxbiz .ic_advantage.ic03 {background-position:-210px 0;}
.cartaxbiz .ic_advantage.ic04 {background-position:-315px 0;}
.cartaxbiz .area_recommend {padding-top:60px; padding-bottom:130px;}
.cartaxbiz .area_recommend .inner {width:1000px;}
.cartaxbiz .area_price .inner {width:980px;}
.cartaxbiz .last {position:relative; padding:0 0 40px;	height:540px;	display:flex; flex-direction:column;	justify-content:center; align-items:center; gap:40px;z-index:2;}
.cartaxbiz .last .area_head .label {margin-bottom:10px; font-size:24px;	text-align:center; letter-spacing:-2px;}
.cartaxbiz .last .background_items {position:absolute; top:0;	left:0;	bottom:0;	right: 0; width:100%; height:100%;	z-index:-1; overflow:hidden;}
.cartaxbiz .last .background_items img {position: absolute;}
.cartaxbiz .last .background_items img:nth-of-type(1) {top:66%; left:7%; width:35px;}
.cartaxbiz .last .background_items img:nth-of-type(2) {top:33%; left:74%; width:65px;}
.cartaxbiz .last .background_items img:nth-of-type(3) {top:42%; left:7%; width:68px;}
.cartaxbiz .last .background_items img:nth-of-type(4) {top:0%; left:14%; width:55px;}
.cartaxbiz .last .background_items img:nth-of-type(5) {bottom:30%; left:86%; width:75px;}
.cartaxbiz .last .background_items img:nth-of-type(6) {top:9%; left:84%; width:63px;}
.cartaxbiz .last .background_items img:nth-of-type(7) {top:76%; left:73%; width:55px;}
.cartaxbiz .last .background_items img:nth-of-type(8) {bottom:8%; left:17%; width:70px;}
.cartaxbiz .last .background_items img:nth-of-type(9) {top:64%; left:28%; width:50px;}
.cartaxbiz .area_cont .cont_head {text-align: center;}
.cartaxbiz .area_cont .cont_head .noti {font-size: 14px; text-align: center; color: #a7a7a7;margin-top: 10px;}
.cartaxbiz .area_cont .cont_head .label {display:inline-block; font-size:14px; color: #fff; background: linear-gradient(159deg, #2F855A 35%, #064526 95.3150%); border-radius: 20px; padding: 4px 18px; margin-bottom: 10px;}

/* 전자계약 */
.contract .area_visual .logo {display:block; margin-bottom:10px;}
.contract .area_visual .desc {margin-top:40px;}
.contract .area_visual .visual {background-color:#FFF8E7; margin:80px auto 0; width:980px; border-radius:30px;}
.contract .area_point .box .item .title {margin-bottom:14px;}
.contract .area_point .box .item .desc {font-size:18px; font-weight:500;}
.contract .area_point .box .item .sub_desc {margin-top:20px; font-size:16px; color:#777;}
.contract .area_point .box .item.first {background-color:#E8F3FF; justify-content:space-between;}
.contract .area_point .box .item.first .item_cont {padding:130px 0 90px 75px;}
.contract .area_point .box .item.first img {width:100%; display:flex;}
.contract .area_point .box.center .item {width:50%; flex-direction:column;}
.contract .area_point .box.center .item .item_cont {margin-top:46px;}
.contract .area_point .box.center .item.second {align-items:center; background-color:#E6F4F0;}
.contract .area_point .box.center .item.second .sub_desc {text-align:center;}
.contract .area_point .box.center .item.second .item_thumb {display:flex; margin-top:20px;}
.contract .area_point .box.center .item.third {background-color:#E9EAFF;}
.contract .area_point .box.center .item.third .item_thumb {display:flex; margin-top:10px; justify-content:center;}
.contract .area_point:nth-child(2) {padding-top:80px;}
.contract .area_point:nth-child(2) .box .item.first {background-color:#FFF8E7;}
.contract .area_point:nth-child(2) .box.center .item.second {background-color:#E9F6FD;}
.contract .area_point:nth-child(2) .box.center .item.second .item_thumb {margin-top:50px;}
.contract .area_point:nth-child(2) .box.center .item.third {background-color:#E6F4F0;}
.contract .area_how {padding-bottom:80px;}
.contract .area_how .cont_list {padding-top:80px;}
.contract .area_how .cont_list .list_func {display:flex; justify-content:center; margin-bottom:40px;}
.contract .area_how .cont_list .list_func li {margin-right:40px;}
.contract .area_how .cont_list .list_func:last-child li {margin-right:50px;}
.contract .area_how .cont_list .list_func li:last-child {margin-right:0;}
.contract .area_how .cont_list .list_func .item_cont {text-align:center;}
.contract .area_how .cont_list .list_func .item_cont h3 {font-size:22px; text-align:center;}
.contract .area_how .cont_list .list_func .item_cont .desc {margin:14px 0 30px; font-size:16px; text-align:center;}
.contract .area_how .cont_list .list_func .item_cont .desc em {color:#bbb;}
.contract .area_event {background-color:#5CC367;}
.contract .area_event .view_mo {display:none;}
.contract .area_event .view_pc {display:flex; flex-direction:column; align-items:center; position:relative;}
.contract .area_event .view_pc a {position:absolute; bottom:50px;}
.contract .area_notice {background-color:#49AB54; padding-top:10px; padding-bottom:50px;}
.contract .area_notice .wrap_notice {margin:50px auto 0;}
.contract .area_notice .n_dot {margin:12px auto 0;}
.contract .area_notice .n_dot li {margin-top:4px; font-size:16px; color:#fff; line-height:180%; font-weight:400;}
.contract .ic_number {width:26px; height:26px; margin-bottom:8px; display:inline-block; background:url(../images/contract/ic_number.svg);}
.contract .ic_number.n1 {background-position:0 -2px;}
.contract .ic_number.n2 {background-position:-28px -2px;}
.contract .ic_number.n3 {background-position:-56px -2px;}
.contract .ic_number.n4 {background-position:-84px -2px;}
.contract .ic_number.n5 {background-position:-112px -2px;}

/*video_con ZOOM*/
.video_con2 .area_visual {height:1030px;}
.video_con2 .area_visual .logo {display:block; margin-bottom:30px;}
.video_con2 .area_visual .subtitle {font-size:28px; font-weight:500; color:#333; margin-bottom:12px;}
.video_con2 .area_visual .desc {margin-top:40px;}
.video_con2 .area_cont ul {display:flex; justify-content: space-around;}
.video_con2 .area_cont ul li {text-align:center;}
.video_con2 .area_cont ul li .tit {font-size:22px; color:#333; font-weight:600; margin-top:24px; line-height:160%;}
.video_con2 .area_cont ul li .desc {font-size:18px; color:#888; margin-top:10px; line-height:160%;}
.video_con2 .area_point .box .item.first {background: #E8F3FF; gap:150px;}
.video_con2 .area_point .box .item.first .item_cont {padding:100px 0 90px 110px;}
.video_con2 .area_point .box .item .desc {text-align:left; margin-top:20px; font-size:18px; color:#888;}
.video_con2 .area_point .box .item.first .item_thumb {margin-top:30px; display:flex;}
.video_con2 .area_point .box .item.first img {width:100%;}
.video_con2 .area_point .box .item .item_cont {padding-top:60px;}
.video_con2 .area_point .box.center .item {width:50%; flex-direction:column;}
.video_con2 .area_point .box.center .item.second {align-items:center; justify-content:flex-end; background:#E9EAFF;}
.video_con2 .area_point .box.center .item.second .item_thumb {display:flex; margin:40px 0 20px;}
.video_con2 .area_point .box.center .item.third {background-color:#E6F4F0;}
.video_con2 .area_point .box.center .item.third .item_thumb {display:flex; margin:60px 0 0px; justify-content:center;}
.video_con2 .area_how .cont_list2 {padding-top:60px; }
.video_con2 .area_how .cont_list2 .item_cont {text-align:center;}
.video_con2 .area_how .cont_list2 .list_func {display:flex;flex-wrap: wrap; gap: 40px; justify-content:center; margin-bottom:40px;}
.video_con2 .area_how .cont_list2 .list_func h3 {font-size:22px; text-align:center;}
.video_con2 .area_how .cont_list2 .list_func .desc {margin:14px 0 30px; font-size:16px; text-align:center;}
.video_con2 .area_how .cont_list2 .list_func li:last-child .desc{height:52px}
.video_con2 .ic_number {width:26px; height:26px; margin-bottom:8px; display:inline-block; background:url(../images/cartaxbiz/ic_number.svg);}
.video_con2 .ic_number.n1 {background-position:0 -2px;}
.video_con2 .ic_number.n2 {background-position:-28px -2px;}
.video_con2 .ic_number.n3 {background-position:-56px -2px;}
.video_con2 .ic_number.n4 {background-position:-84px -2px;}
.video_con2 .bg_skyblue {background-color:#F0F7FB;}
.video_con2 .area_advantage {padding-top:140px;}
.video_con2 .area_advantage .inner {max-width:1200px;}
.video_con2 .area_advantage ul {margin-top:110px;}
.video_con2 .ic_advantage {width:95px; height:95px; display:inline-block; background:url(../images/video_con2/ic_advantage.svg);}
.video_con2 .ic_advantage.ic01 {background-position:0 0;}
.video_con2 .ic_advantage.ic02 {background-position:-95px 0;}
.video_con2 .ic_advantage.ic03 {background-position:-190px 0;}
.video_con2 .ic_advantage.ic04 {background-position:-285px 0;}

/*고객사례*/
.case2 .items_video {margin: 0 auto; width: 80%;} 
.case2 .ic_com.arrow_pre {display: block; width: 44px; height: 80px; background-position:-300px -200px}
.case2 .ic_com.arrow_next {display: block; width: 44px; height: 80px; background-position:-400px -200px}
.case2 .area_video {padding: 40px 0 10px}
.case2 .area_video .inner {max-width:1100px}
.case2 .area_video .item {width:890px; cursor: pointer; border-radius: 8px; overflow: hidden;}
.case2 .area_video button.ic_com {position: absolute; top:40%;}
.case2 .area_video .arrow_pre {left:0;}
.case2 .area_video .arrow_next {right: 0}
.case2 .area_case .items {margin-top: 60px; display: flex; flex-wrap: wrap;  gap: 100px 58px;}
.case2 .area_case .item_case {display: none; width: calc(33.33% - 20px); max-width: 388px; box-sizing: border-box; border-radius: 30px; background: #FFF; box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05), 0px 3px 6px 0px rgba(0, 0, 0, 0.04); transition:all .4s}
.case2 .area_case .item_case img {display:block}
.case2 .area_case .item_case .thumb {border-radius:30px 30px 0 0; overflow:hidden;}
.case2 .area_case .item_case .thumb img {width: 100%; transition: transform 0.3s ease;}
.case2 .area_case .item_case .cont {position:relative; padding: 20px 40px 54px}
.case2 .area_case .item_case .logo {width:200px; height: 50px}
.case2 .area_case .item_case .logo img {height: 50px}
.case2 .area_case .item_case .company {margin-top:16px; font-size:22px; font-weight: bold;}
.case2 .area_case .item_case .company .new {position: relative;}
.case2 .area_case .item_case .company .new:after {content:'New'; margin-left:5px;font-size:14px; color: #FF7455; vertical-align: super}
.case2 .area_case .item_case .desc {display: -webkit-box; margin-top:8px; font-size:18px; color: #888; -webkit-line-clamp: 2; /* 두 줄까지 표시 */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.case2 .area_case .item_case .tag {margin-top:20px; font-size:14px; color: #888}
.case2 .area_case .item_case .more {display:inline-block; position:absolute; right:40px; bottom: 50px; width:32px; height: 24px; background:url(../images/case2/ic_arrowr_min24.svg) no-repeat }
.case2 .area_case a.item_case:hover {cursor: pointer; box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.12), 0px 3px 6px 0px rgba(0, 0, 0, 0.04);}
.case2 .area_case a.item_case:hover .thumb img {transform: scale(1.1);}
.case2 .area_case .load_more { display: none;}
.case2 .area_case .items + .btn_wrap2 {margin-top:100px}
.case2 .company-list {padding-top:40px; gap:24px}
.case_story .ic_arrows_min24 {display:inline-block; width:24px; height: 24px; background:url(../images/case2/ic_arrowr_min24.svg) no-repeat ; }
.case_story .area_visual {height:auto;}
.case_story .area_visual .inner {margin-top:40px; max-width:1280px; height:450px; background:url(../images/case2/dver_main.png) no-repeat; background-size:100%; color:#fff; border-radius:30px}
.case_story .area_visual .tit {padding:36px 0 0 80px; text-align:left}
.case_story .area_visual h1 {margin-top:40px; font-size:46px; color:#fff; text-align:left; line-height:1.3; font-weight: 300; text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);}
.case_story .area_visual h1 .bold {font-weight: 600}
.case_story .area_visual .company {margin-top:30px; font-size:22px; color:#fff; text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);}
.case_story .area_interview .inner_flex {flex-wrap: nowrap; gap:100px}
.case_story .area_interview .col1 {width:25%}
.case_story .area_interview .logo img {max-width: 240px}
.case_story .area_interview .col2 {width:75%}
.case_story .area_interview h2 {margin-top:12px; font-size:22px; font-weight: 900; text-align:left}
.case_story .area_interview .meta {margin-top:36px; display:flex; flex-wrap: wrap; max-width:290px}
.case_story .area_interview .meta dt {width:34%; padding: 6px 0; font-size:18px; font-weight: bold;}
.case_story .area_interview .meta dd {width:66%; padding: 6px 0; font-size:18px; color:#888}
.case_story .col1 .wrap_btn {margin-top:40px; display:flex}
.case_story .col1 .btn_ghosticon {display:flex; padding:0 24px 0 32px; border:1px solid #00B3CE; color:#00B3CE; font-size:18px; font-weight:500; line-height:60px; gap:8px;justify-content: center; align-items: center; box-sizing: border-box; min-width:250px; border-radius:12px; }
.case_story .qna + .qna {margin-top:100px}
.case_story .qna .question {font-size:32px; font-weight:bold}
.case_story .qna .answer {margin-top:40px}
.case_story .qna .summary {position: relative; padding-left:12px; font-size:20px; font-weight:bold}
.case_story .qna .summary:before {content: ''; display:inline-block; position: absolute; left:0; top:4px; width:3px; height: 24px; background: #bebebe; vertical-align: middle}
.case_story .qna .de {font-size:18px; color: #888; line-height: 1.8}
.case_story .qna .img img {display: block; width:100%; border-radius: 12px; border: 1px solid #e8e8e8; box-sizing:border-box;}
.case_story .qna .de .point {color: #00B3CE}
.case_story .qna .summary + .de {margin-top:16px}
.case_story .qna .de + .summary {margin-top:40px}
.case_story .qna .img + .img {margin-top:20px}
.case_story .qna .answer + .video,
.case_story .qna .answer + .img,
.case_story .qna .de + .img,
.case_story .qna .img + .summary,
.case_story .qna .img + .de {margin-top:60px}
.case_story .area_interview .btn_wrap2 {margin-top:130px}
.case_story .area_interview .btn_fill_mid_gray {font-size:18px; padding: 20px 60px 20px 56px; letter-spacing:0 }
.case_story .link_back {display: flex; width:100px; color: #fff; align-items: center; gap: 5px; opacity: 0.8; transition:all .4s}
.case_story .link_back:hover {opacity: 1;}
.case_story .link_back .ic_arrowl_w16 {display:inline-block; width:24px; height: 16px; background:url(../images/case2/ic_arrowl_w16.svg) no-repeat ;} 

/*부서별 활용 사례*/
.teams .ic {display: inline-block; width: 24px; height: 24px; background: url("../images/teams/emoji.svg") no-repeat 0 0; vertical-align: text-bottom;}
.teams .ic.file {background-position: 0 0}
.teams .ic.tech01 {background-position: -50px 0}
.teams .ic.tech02 {background-position: -100px 0}
.teams .ic.magic {background-position: -150px 0}
.teams .ic.laptop {background-position: -200px 0}
.teams .ic.light {background-position: -250px 0}
.teams .arrow_more {display: inline-block; width: 24px; height: 24px; background: url("../images/main_new/ic_arrowsr.svg") no-repeat 0 0; vertical-align: text-bottom;}
.teams .area_visual {height: 860px}
.teams .content_head .point {color:#00B3CE}
.teams .visual {margin: 0 auto; width: 650px; height: 450px; }
.teams .visual img {width:100%}
.teams .list_func .item:first-child {padding-top:150px; padding-bottom: 0}
.teams .area_kpi .inner_flex {justify-content: space-around;
    align-items: center;}

.teams .area_contents .items {display: flex; margin-top: 60px; flex-wrap: nowrap; gap: 100px 58px;}
.teams .area_contents .item_case {position:relative; max-width: calc(33.33% - 20px); box-sizing: border-box; border-radius: 30px; background: #FFF; box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05), 0px 3px 6px 0px rgba(0, 0, 0, 0.04);}
.teams .area_contents .item_case .thumb {border-radius: 30px 30px 0 0; overflow: hidden;}
.teams .area_contents .item_case .thumb img {width: 100%;
    transition: transform 0.3s ease;}
.teams .area_contents .play_img {display:inline-block; position: absolute; top: 180px; right: 20px; width: 73px; height: 73px; background: url("../images/contents/video_play_img.png") no-repeat 0 0; z-index: 10;}
.teams .area_contents .item_case .cont {position: relative; padding: 20px 40px 54px;}
.teams .area_contents .item_case .tit {margin-top: 16px; font-size: 22px; font-weight: bold;}
.teams .area_contents .item_case .label {font-size: 16px;}
.teams .area_contents .item_case:first-child .label {color: #14BFC7;}
.teams .area_contents .item_case:nth-child(2) .label {color: #4378FF;}
.teams .area_contents .item_case:nth-child(3) .label {color: #37C237;}
.teams .area_other .inner_flex {max-width:1920px; margin:80px auto 0; flex-wrap:nowrap; justify-content: space-evenly; gap: 20px}
.teams .area_other .item_other {position:relative; max-width:320px; padding:48px 20px 0; box-sizing: border-box; border-radius: 15px; background: #FFF; box-shadow: 0px 4px 15px 0px #E1EDF2;}
.teams .area_other .item_other .tit {font-size: 26px; font-weight: 700; text-align: center; color: #555}
.teams .area_other .item_other .thumb {margin-top:18px; text-align: center; overflow: hidden}
.teams .area_other .item_other img {width: 90%; vertical-align: bottom; transition: transform 0.4s ease;}
.teams .area_other .item_other:hover {cursor: pointer; box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.12), 0px 3px 6px 0px rgba(0, 0, 0, 0.04);}
.teams .area_other .item_other:hover img {transform: scale(1.05);}


/* 영상 */
.intro_video {width:888px; margin:120px auto 0;}
.intro_video .video_pc {display:block; border-radius:50px;}
.intro_video .video_mo {display:none;}
.intro_video video {width:100%; height:auto;}

/* 서브 하단 영역 */
/* 필수체크 */
.different {display: flex; flex-direction: column; justify-content: center; align-items: center; background: #ffffff; padding:100px 0;}
.different .sub {display:flex; justify-content:center; align-items: center; gap: 14px; color: #a0b0bc; font-size: 24px; font-weight: 600; margin-bottom: 22px;}
.different .sub img {position: relative; top: 1px;}
.different .title {text-align: center; font-size: 48px; font-weight: 600; color: #333; line-height: 140%; margin-bottom: 110px;}
.different .wrap {display: flex; justify-content: space-between; align-items: center; max-width: 1200px; width: 100%; gap: 40px; margin-bottom: 40px;}
.different .wrap .box {border-radius: 40px; padding: min(5vw, 75px) min(4vw, 70px); display: flex; flex-direction: column; gap: 36px 0; position: relative; overflow: hidden; width: 100%; height: 410px;}
.different .wrap .box:nth-child(1) {background: #d7f0f5;}
.different .wrap .box:nth-child(2) {background: #27426a;}
.different .wrap .box .t {font-size: 32px; font-weight: 600; line-height: 150%; color: #333;}
.different .wrap .box:nth-child(2) .t {color: #ffffff; letter-spacing: -1px !important;}
.different .wrap .box .link {font-size: 18px; justify-content: start;}
.different .wrap .box:nth-child(1) picture img {position: absolute; right: 0; bottom: 7%; width: 60%;}
.different .wrap .box:nth-child(2) .secu-i-wrap {position: absolute; z-index: 1; right: 8%; bottom: 7%; width: 41%;}
.different .wrap .box:nth-child(2) .secu-i-wrap > img {width:100%;}
.different .wrap .box:nth-child(2) .secu-i-wrap > img:nth-child(2) {position: absolute; right: -31%; bottom: -26%; z-index: 2;}
.different .wrap .box:nth-child(2) .link {color: #c8d1de;}
.different .wrap .box:nth-child(2) .link img {fill: #c8d1de !important;}
.different .box.long {width:100%; background:#f4f6f9; max-width:990px; border-radius:40px; display:flex; padding:70px 100px 0; justify-content: space-between;}
.different .box.long img {width:40%;}
.different .box.long .wrap {display:flex; flex-direction:column; gap:36px 0; width:fit-content; align-items:start; justify-content:start;}
.different .box.long .wrap .t {font-size:32px; color:#333; font-weight:600; line-height:150%;}

.hotissue .wrap_issue {display:flex; align-items: stretch; gap: 40px; max-width:1200px;width:100%;}
.hotissue .col1 {display:flex; gap:40px; max-width:690px; width:60%; flex-direction: column;}
.hotissue .col2 {max-width:480px; width:40%;}
.hotissue .box {border-radius: 40px; padding: min(4vw, 75px) min(4vw, 70px); display: flex; flex-direction: column; position: relative; overflow: hidden; /*width: 100%;*/}
.hotissue .label {padding: 2px 16px; border-radius:30px; font-size:14px; color:#FFF; letter-spacing:0; box-sizing:border-box;}
.hotissue .box .t {margin-top:12px; font-size: 32px; font-weight: 600; line-height: 150%; color: #333;}
.hotissue .b1 {background:#EAFAF2;}
.hotissue .b1 .label {background:#3ED087;}
.hotissue .link {margin-top:32px;}
.hotissue .b1 .wrap_img {text-align:right; margin-top:-120px; margin-bottom:0;}
.hotissue .b2 {background:#F5F1FE;}
.hotissue .b2 .label {background:#BC9DFB;}
.hotissue .b2 .wrap_img {margin-top:-110px; text-align:right;}
.hotissue .b3 {background:#F4F6F9; height:100%; box-sizing:border-box; justify-content: space-between}
.hotissue .b3 .label {background:#25CAD3;}
.hotissue .wrap_issue .col2 .wrap_img {margin:0 auto;}

/* 고객사 */
.company-list {display: flex; flex-direction: column; justify-content: center; align-items: center; padding:80px 0 100px;}
.company-list .title {text-align: center; font-weight: 600; font-size: 48px; line-height: 150%; color: #333; margin-bottom: 30px;}
.company-list .link {margin-bottom: 100px;}
.company-list .container_wrap {display: flex; flex-direction: column; gap: 10px; width: 100%;}
.company-list .container_wrap .marquee_container {overflow: hidden; width: 100%; position: relative; height: 104px;}
.company-list .container_wrap .marquee_container .marquee_inner {width: 200%; display: flex; position: absolute; top: 0; animation: 50s linear infinite; gap: 40px;}
.company-list .container_wrap.mobile .marquee_container .marquee_inner {animation: 20s linear infinite; gap: 57px;}
.company-list .container_wrap.mobile {display:none;}
.company-list .container_wrap .marquee_container.no1 .marquee_inner {animation-name: marqueeToLeft; left: 0;}
.company-list .container_wrap .marquee_container.no2 .marquee_inner {animation-name: marqueeToRight; right: 0;}
.company-list .container_wrap .marquee_container.no3 .marquee_inner {animation-name: marqueeToLeft; left: 0;}
.company-list .container_wrap .marquee_container.no4 .marquee_inner {animation-name: marqueeToRight; right: 0;}
.company-list .container_wrap .marquee_container .marquee_inner .wrap {display: flex; gap: 57px;}

@keyframes marqueeToLeft {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}

@keyframes marqueeToRight {
  0% {
    right: 0;
  }
  100% {
    right: -100%;
  }
}

/* 부가서비스 */
.bg_skyblue {background-color:#F0F7FB;}
.additional .inner_flex {margin:0px; padding:0px; list-style:none;}
.additional .inner_flex a {background:none; color:#222; display:inline-block; padding:10px 15px; border-bottom:2px solid #fff; cursor:pointer;}
.additional .inner_flex a.current {border-color:#333;}
.additional .inner_flex a.current .tit {color:#333;}
.tag.bl {color:#315EFF;}
.tag.mt {color:#25CAD3;}
.tag.gr {color:#6DC26D;}
.label1 {font-size:16px; font-weight:500;}
.label1.mt {color:#14BFC7;}
.label1.bl {color:#4378FF;}

.tab-content {display:none;}
.tab-content.current {display:inherit;}
.tab-content .inner {width:1100px;}
.tab-content .item_cont .label_title {font-size:22px; font-weight:600; color:#333; margin-bottom:16px;}
.tab-content .item_cont .list_func {padding:50px 80px; margin-bottom:60px; display:flex; justify-content:space-between; align-items:center; border-radius:25px; background-color:#FFF;}
.tab-content .item_cont .left_cont {background-color:#F5F8FB; display:flex; align-items:center; justify-content:flex-start; padding:30px 0 30px 50px; width:420px; border-radius:15px; margin-bottom:14px;}
.tab-content .item_cont .right_cont {padding:20px 0 20px 40px; border:1px solid #ddd; border-radius:15px; width:420px;}
.tab-content .item_cont .badge_box {display:flex;}
.tab-content .item_cont .badge_box .badge {padding:2px 6px; font-weight:500; border-radius:5px; background-color:#EBF1FE; color:#315EFF; margin-right:10px;}
.tab-content .item_cont .list_func:last-child {margin-bottom:0;}
.tab-content .item_cont .list_func .txt_wrap {width:auto; align-items:center; justify-content:space-between; display:flex; flex-direction:column; border-radius:18px;}
.tab-content .item_cont .list_func .tit_wrap .tag {font-size:20px;}
.tab-content .item_cont .list_func .tit_wrap .tt {font-size:34px; font-weight:600;}
.tab-content .item_cont .list_func .txt_wrap .tag {margin-right:10px; color:#fff; font-size:16px; padding:3px 12px; border-radius:6px; display:inline-block;}
.tab-content .item_cont .list_func .txt_wrap .tag.blue {background-color:#5096FF;}
.tab-content .item_cont .list_func .txt_wrap .tag.mint {background-color:#25CAD3;}
.tab-content .item_cont .list_func .txt_wrap .tag.violet {background-color:#9B86F0;}
.tab-content .item_cont .list_func .txt_wrap .tag.green {background-color:#74ce74;}
.tab-content .item_cont .list_func .txt_wrap .tag.yellow {background-color:#F6BE2D;}
.tab-content .item_cont .list_func .txt_wrap .tag.orange {background-color:#ff9456;}
.tab-content .item_cont .list_func .txt_wrap .text {margin-left:26px;}
.tab-content .item_cont .list_func .txt_wrap .text span {font-size:14px; color:#999;}
.tab-content .item_cont .list_func .txt_wrap .cancel {text-decoration:line-through; color:#888; font-size:18px; margin-right:10px;}
.tab-content .item_cont .list_func .txt_wrap .left_cont .tt {font-size:20px; font-weight:600;} 
.tab-content .item_cont .list_func .txt_wrap .right_cont li {display:flex; margin-bottom:8px;}
.tab-content .item_cont .list_func .txt_wrap .right_cont li:last-child {margin:0;}
.tab-content .item_cont .list_func .txt_wrap .tag_title {color:#333; font-weight:600;}
.tab-content .item_cont .txt {font-size:18px; margin-top:20px; color:#888;}
.tab-content .item_cont .btn_box {margin-top:20px; display:flex;}
.tab-content .item_cont .btn_box a:first-child {margin-right:12px;}

.additional .area_visual {height:auto;}
.additional .inner .sub {font-size:20px; color:#52D2D8; margin-bottom:12px; font-weight:600; text-align:center;}
.additional .section_card {display:grid; grid-template-columns:repeat(3, 1fr); gap:1vw; width:100%; justify-content:center;}
.additional .layout_card {width:100%; height:100%; border:1px solid #eee; border-radius:30px;}
.additional .layout_card .thumb img {display:block; width:100%;}
.additional .layout_card .con {padding:35px 0 35px 40px;}
.additional .layout_card .con .tit {font-size:24px; color:#333; font-weight:600; margin-bottom:24px;}
.additional .layout_card .link {margin-top:18px;}
.additional .notice {margin:80px auto 0;}
.additional .notice .wrap {display:grid; grid-template-columns:repeat(3, 1fr); width:100%; max-width:1200px; gap:2vw;}
.additional .notice .wrap .box {background:#F4F9FB; border-radius:20px; display:flex; flex-direction:column; padding:50px 0 50px 50px; transition:.2s;}
.additional .notice .wrap .box:hover {background:#fff; box-shadow:0px 10px 50px 0px #00000014; transform:translateY(-20px); cursor:pointer;}
.additional .notice .wrap .box .inner {position:unset; margin:unset; max-width:unset;}
.additional .notice .wrap .box .inner a > img {margin-bottom: clamp(25px, 1vw, 20px); max-width:55px; width:100%;}
.additional .notice .wrap .box .t {font-size:clamp(22px, 2vw, 26px); font-weight:600; margin-bottom:15px; color:#333;}
.additional .notice .wrap .box .txt {font-size:clamp(16px, 2vw, 18px); color:#666;}
.additional .notice .wrap .box .tag {font-size:clamp(14px, 1.5vw, 20px); line-height:150%; margin-bottom:6px;}
.additional .notice .wrap .box .link { justify-content:start; font-size:18px;}
.additional .area_additional {padding:80px 0 80px;}
.additional .area_additional .area_head .fs_light {font-weight:300;}
.additional .area_additional .area_head .desc {margin-top:20px; font-size:18px; color:#888; text-align:center;}
.additional .area_additional .link {justify-content:center;}
.additional .area_additional .area_body .wrap_img {margin-top:60px;}
.additional .area_additional .wrap_img {text-align:center;}


.additional .area_nav.channel, .welfare.snack .area_nav.channel, .mcoupon .area_nav.channel {top:0;}
.additional .area_nav.channel .inner_flex,
.welfare.snack .area_nav.channel .inner_flex,
.mcoupon .area_nav.channel .inner_flex {margin:0 auto;}

.additional .cont_detail h3 {font-size:34px; margin-bottom:28px;}
.additional .cont_detail span {font-size:18px; color:#666;}
.additional .cont_detail .inner .item_cont {width:1000px; background-color:#fff; text-align:center; margin:0 auto; border-radius:25px; position:relative;}
.additional .cont_detail .inner .item_cont .item_wrap {padding:70px 30px 50px;}
.additional .cont_detail .inner .item_wrap:last-child {padding:80px 0 20px 0;}
.additional .cont_detail .inner .item_thumb {width:670px; margin:55px auto 0; display:flex; background-color:#E3EEFF; border-radius:25px;}
.additional .cont_detail .inner .item_wrap .list_func {width:700px; margin:0 auto; display:flex;}
.additional .cont_detail .dada {position:absolute; top:360px; right:10%; z-index:1}
.additional .area_cont:first-child {padding-top:60px;}
.additional .area_cont h4 {font-size:26px; font-weight:600; text-align:center; margin-bottom:14px;}
.additional .area_cont .txt {color:#888;}
.additional .area_cont .subtitle {font-size:20px; font-weight:600; text-align:center; color:#00B3CE; margin-bottom:20px;}
.additional .area_cont .tit {margin-bottom:70px;}
.additional .area_cont h2 {font-size:42px;}
.additional .area_cont .inner .img_wrap {display:inline-block; border-radius:25px; margin-bottom:48px;}
.additional .area_cont .wrap_card .inner_flex {justify-content:space-around;}
.additional .area_cont .wrap_card .inner_flex .item {text-align:center;}
.additional .area_howto {padding:80px 0 100px; border-top:1px solid #eee; width:1100px; margin:0 auto;}
.additional .area_howto .wrap_card {margin-top:100px; display:flex; justify-content:center;}
.additional .area_howto .sub {font-size:20px; color:#bbb; font-weight:600;}
.additional .area_howto .tit {text-align:center;}
.additional .area_howto .tit h2 {font-size:38px;}
.additional .area_howto .inner_flex .item {position:relative; margin-right:20px; padding:40px 28px 30px; background:#fff; border:1px solid #E9E9E9; border-radius:15px; box-sizing: border-box; box-shadow:0px 4px 16px rgba(0, 0, 0, 0.06);}
.additional .area_howto .inner_flex .item:last-child {margin-right:0;}
.additional .area_howto .wrap_card .txt_box {height:80px; margin-bottom:20px;}
.additional .area_howto .wrap_card .item h3 {font-size:20px; line-height:160%; font-weight:500; color:#333;}
.additional .area_howto .wrap_card .item p {margin-top:5px; font-size:15px; color:#888; text-align:center;}
.additional .area_howto .wrap_card .item .event_img {display:inline-block;}
.additional .area_howto .num_s1 {position:absolute; top: -12px; left: 50%; margin-left: -15px; display: inline-block; width: 26px; height: 26px; border-radius: 50%; background: #333; font-size: 16px; line-height: 24px; color: #fff; text-align: center;}
.additional .list_func .desc {font-size:18px; line-height:170%;}
.additional .list_func .desc .bold {font-weight:600;}
.additional .ic_recommend {height:66px; background:url("../images/additional/ic_recommend.svg"); display:inline-block;}
.additional .ic_recommend.ic01 {width:54px; background-position:-7px -37px;}
.additional .ic_recommend.ic02 {width:54px; background-position:-80px -37px;}
.additional .ic_recommend.ic03 {width:58px; background-position:-151px -40px;}
.additional .img_arrow {width:22px; height:36px; margin-top:125px; background:url("../images/additional/ic_recommend.svg") -1px 0px; display:inline-block;}
.additional .ic_title {width:32px; height:32px; display:inline-block; background:url("../images/additional/ic_title.svg"); position:relative; top:9px; margin:0 9px 0 3px;}
.additional .ic_title.ic01 {background-position:0 0; margin-right:0px;}
.additional .ic_title.ic02 {background-position:-306px 0; margin-right:-1px;}
.additional .ic_title.ic03 {background-position:-75px 0;}
.additional .ic_title.ic04 {background-position:-189px 0;}
.additional .ic_title.ic05 {background-position:-154px 0;}
.additional .ic_title.ic06 {background-position:-111px 0;}
.additional .ic_title.ic07 {background-position:-227px 0; top:7px;}
.additional .ic_title.ic08 {background-position:-267px 0; top:7px;}

.fixed_pc {position:fixed; display:flex; padding:10px; left:50%; margin-left:-148px; bottom:36px; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:100px; -ms-border-radius:100px; border-radius:100px; transition:all 0.3s ease-out; z-index:500; -webkit-backdrop-filter: blur(20px); backdrop-filter:blur(20px);}
.dropdown {display:inline-block; cursor:pointer;}
.dropbtn {border:10px solid #333; border-radius:50px; background-color:#333; font-weight:600; color:#fff; padding:6px 12px 6px 20px; text-align:left; font-size:15px;}
.dropbtn span span {display:inline-block; position:relative; width:16px; height:16px; margin-left:110px;}
.dropbtn span span::after {content:""; position:absolute; right:0; top:3px; width:8px; height:8px; border-top:2px solid #ddd; border-right:2px solid #ddd; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.dropdown.on .dropdown_content {display:block;}
.dropdown_content a {display:block; font-size:15px; opacity:0.6; color:#fff; padding:12px 20px;}
.dropdown_content a:hover, .dropdown_content a.on {opacity:1;}
.depth_wrap {display:none; position:absolute; z-index:1; bottom:0; transition:all 0.3s ease-out; animation:slideUp 0.5s cubic-bezier(0.42, 0.24, 0.02, 1);}
.dropdown_content {min-width:275px; padding:14px 10px; background-color:#333; border-radius:20px; margin-bottom:85px;}
.dropdown:hover .depth_wrap, 
.dropdown.on .depth_wrap {display:block;}

@keyframes slideUp {
  from { transform:translateY(70px); opacity:.0}
  to { transform:translateY(0); opacity:1;}
}

/* 복지서비스 */
.welfare .fs_blue {color: #20A9FF}
.welfare .fw_n {font-weight:normal}
.welfare .ic_overline {display: block; margin: 0 auto; width: 100px; height: 100px; background:url('../images/mcoupon/ic_overline.svg') 0 0 no-repeat}
.welfare .ic_overline.ic01 {background-position: 0 0}
.welfare .ic_overline.ic02 {background-position: -100px 0}
.welfare .ic_overline.ic03 {background-position: -200px 0}
.welfare .ic_overline.ic04 {background-position: -300px 0}
.welfare .ic_overline.ic05 {background-position: -400px 0}
.welfare .emoji {display: block; width: 100px; height: 100px; background:url('../images/mcoupon/emoji.png') center no-repeat}
.welfare .emoji.e01 {background-position: 0 0}
.welfare .emoji.e02 {background-position: -100px 0}
.welfare .emoji.e03 {background-position: -200px 0}
.welfare .emoji.e04 {background-position: -300px 0}
.welfare .ic_de01 {display: block; width: 100px; height: 100px; background:url('../images/mcoupon/ic_de01.png') center no-repeat}
.welfare .ic_de01.ic01 {background-position: 0 0}
.welfare .ic_de01.ic02 {background-position: -100px 0}
.welfare .ic_de01.ic03 {background-position: -200px 0}
.welfare .ic_de01.ic04 {background-position: -300px 0}
.welfare .ic_de02 {display: block; width: 80px; height: 80px; background: #fff url('../images/mcoupon/ic_de02.svg') 0 0 no-repeat}
.welfare .ic_de02.ic01 {background-position: 0 0}
.welfare .ic_de02.ic02 {background-position: -100px 0}
.welfare .ic_chevron_r01 {width:30px; height:30px; background:url('../images/mcoupon/ic_chevron_right.svg') 0 0 no-repeat}

.welfare .area_visual .overline {font-size: 20px; color: #52D2D8; font-weight:600; text-align:center}
.welfare .area_visual h1 {margin-top: 12px}
.welfare .area_event .area_head {text-align:center;}
.welfare .area_cont h2 {font-size:42px}
.welfare .area_head h2 + .desc {margin-top:24px; font-size:18px; text-align: center; color:#888;}
.welfare .area_head .desc_info {background:#F6F9F9; color:#333; font-size:18px; margin-top:30px; padding:12px 22px; border-radius:30px; display:inline-block;}
.welfare .area_head .desc_info i {font-weight:600; font-style:normal; margin-right:10px;}
.welfare .area_head .desc_info .bar {width:3px; height:17px; background-color:#ddd; display:inline-block; margin:0 10px; position:relative; top:2px;}
.welfare .area_worry {padding-top:100px}
.welfare .area_worry .list_box {display:flex; max-width:1200px; flex-wrap: nowrap; gap: 20px; margin:100px auto 0;}
.welfare .area_worry .item {position:relative; width: 100%; padding:50px 0; background:#fff; font-size: 22px; text-align: center; box-sizing: border-box; box-shadow: rgb(0 0 0 / 5%) 0px 3px 6px 0px; border-radius: 15px}
.welfare .area_worry .item .emoji {position:absolute; top:-50px; left:50%; margin-left: -50px;}
.welfare .area_head h2 + .desc {margin-top:24px; font-size: 18px; text-align: center; color:#888;}
.welfare .list_event {display:flex; margin-top:60px; gap:20px; flex-wrap:wrap; justify-content:flex-end;}
.welfare .list_event .item {position: relative; width: 50%; overflow: hidden; padding:60px 0 60px 80px;  gap: 36px 0; border-radius: 40px; box-sizing: border-box;}
.welfare .list_event .item.full {display: flex; width: 100%;;}
.welfare .list_event .item_wrap {display: flex; width: 100%; gap: 40px;}
.welfare .list_event .item_wrap .item {height: 460px; flex-direction: column;}
.welfare .list_event .item.green {background: #E5F7EE; }
.welfare .list_event .item.green .label {background: #3ED087; }
.welfare .list_event .item.purple {background: #F1ECFC; }
.welfare .list_event .item.purple .label {background: #BC9DFB; }
.welfare .list_event .item.sky {background: #E3F8FC; }
.welfare .list_event .item.sky .label {background: #4BBEFF; }
.welfare .list_event .label {padding: 4px 16px;  border-radius: 30px; font-size: 15px; color: #FFF; letter-spacing: 0; }
.welfare .list_event .tit {margin-top:12px; font-size: 32px; font-weight: bold;}
.welfare .list_event .thumb {position: absolute; bottom:0; right: 0;}

.welfare .step_type1 {display:flex; margin:60px auto 0; width:980px; padding: 60px; border-radius:20px; background: #F1F8FE; box-sizing: border-box; justify-content: space-evenly;}
.welfare .step_type1 .step {font-size: 22px; color: #20A9FF ; font-weight:bold;}
.welfare .step_type1 .item .tit {font-size: 28px; font-weight:bold;}
.welfare .step_type1 .item .txt {margin-top: 16px; font-size: 20px ; color: #777 ;}
.welfare .step_type1 .ic_chevron_r01 {margin-top:40px}
.welfare .area_last .overline {font-size: 28px; text-align:center}
.welfare .area_last h2 {margin-top:16px}



/* mcoupon */
.mcoupon .area_visual .inner {background:url('../images/mcoupon/deco.svg') center 120px no-repeat }
.mcoupon .visual img {margin: 0 auto}
.mcoupon .area_info .info01 {position: relative; margin: 0 auto; max-width:1200px; height: 350px; background:url('../images/mcoupon/bg_img01.png') center no-repeat;background-size: cover; border-radius: 32px;}
.mcoupon .area_info .info01 h2 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff;}
.mcoupon .area_info .info01 h2 .point {color:#8CF1FF; text-decoration: underline}
.mcoupon .info02 {margin-top:88px;}
.mcoupon .info02 .area_head .desc {margin-top:20px; font-size:28px; font-weight: 500; color: #20A9FF; text-align:center}
.mcoupon .info02 .list_item {display: flex; margin: 60px auto 0; width:700px; flex-direction: column; gap: 20px; }
.mcoupon .info02 .item {display:flex; width:100%; padding:24px 100px; background: #F9FBFE; border:1px solid #EAF0FA; box-sizing:border-box; border-radius:20px; align-items: center; gap: 40px}
.mcoupon .info02 .item .thumb {width:100px}
.mcoupon .info02 .item p.overline {font-size:22px; font-weight: bold; color:#20A9FF}
.mcoupon .info02 .item p.txt {font-size: 24px; font-weight:600;}
.mcoupon .info03 {margin-top:80px}
.mcoupon .info03 .item {display:flex; width:700px; margin:60px auto 0; padding:24px 80px; box-sizing:border-box; border-radius:20px; align-items: center; gap: 20px; border: 2px solid #00D5E2; background: #F9FBFE;}
.mcoupon .info03 .item .bar {width: 3px; height: 90px; background: #E3ECF9}
.mcoupon .info03 .item .cont {padding-left: 10px;}
.mcoupon .info03 .item p.tit {font-size:24px; font-weight:bold;}
.mcoupon .info03 .item p.txt {margin-top:12px; font-size:18px; color:#777}
.mcoupon .area_brand .list_item {display:flex; max-width:1200px; flex-wrap: nowrap; gap: 24px; margin-top:60px;}
.mcoupon .area_brand .item {flex:1; background:#fff; font-size: 22px; text-align: center; box-sizing: border-box; box-shadow: rgb(0 0 0 / 5%) 0px 3px 6px 0px; border-radius: 15px; overflow:hidden;}
.mcoupon .area_brand .item .tit {padding:14px; font-weight:bold; color:#fff; letter-spacing:-1px}
.mcoupon .area_brand .item:first-child .tit {background: #FEDB5C}
.mcoupon .area_brand .item:nth-child(2) .tit {background: #64DA68}
.mcoupon .area_brand .item:nth-child(3) .tit {background: #53BDFF}
.mcoupon .area_brand .brand {padding:30px 0;}
.mcoupon .system .list_item {display:flex; max-width: 980px; margin: 60px auto; gap:30px }
.mcoupon .system .item {display:flex; width:50%; padding:44px 60px; background: #D6F0FF; box-sizing:border-box; border-radius:25px; align-items: center; gap: 30px}
.mcoupon .system .ic_de02 {border-radius:50%}
.mcoupon .system .item .overline {font-size:24px; color: #64B5FF; font-weight:500}
.mcoupon .system .item .txt {font-size:28px; font-weight:500}
.mcoupon .system .item:last-child {background:#D7F6F7}
.mcoupon .system .item:last-child .overline {color: #3ECACF}
.mcoupon .howto {margin-top: 120px}
.mcoupon .howto h2 {margin-top: 6px}
.mcoupon .howto .overline {font-size: 28px; color: #20A9FF; font-weight:600; text-align:center}

/*snack*/
.welfare.snack .area_visual .inner {background:url('../images/welfare/snack/deco.svg') center 120px no-repeat}
.welfare.snack .area_event {padding-top: 80px;}
.welfare.snack .list_event .desc {font-size:16px; color:#999;}
.welfare.snack .list_event .i01 .thumb {width: 490px; height: 280px; background:url('../images/welfare/snack/img02.png') bottom right no-repeat;}
.welfare.snack .list_event .i02 .thumb {width: 330px; height: 330px; background:url('../images/welfare/snack/img03.png') bottom right no-repeat;}
.welfare.snack .list_event .i03 .thumb {width: 330px; height: 330px;background:url('../images/welfare/snack/img04.png') bottom right no-repeat;}
.welfare.snack .area_info .list_item {display: flex; margin: 80px auto 0; max-width: 980px; gap:70px 40px; flex-wrap: wrap;}
.welfare.snack .area_info .item {flex: 1;}
.welfare.snack .area_info .thumb {width:100%; border-radius: 24px;}
.welfare.snack .area_info .thumb img {display: block;}
.welfare.snack .area_point {padding:100px 0}
.welfare.snack .area_point .inner {max-width: 980px;}
.welfare.snack .area_point .list_item {display: flex; flex-wrap: wrap; gap: 100px 0}
.welfare.snack .area_point .item {display: flex; width: 100%; justify-content: space-between}
.welfare.snack .area_point .thumb img {width: 570px;}
.welfare.snack .area_info .tit {margin-top: 24px; font-size: 26px; font-weight: 500; text-align: center;}
.welfare.snack .area_point .label {font-size: 22px; font-weight: bold; color: #20A9FF;  }
.welfare.snack .area_point .tit {margin-top: 10px; font-size: 32px;}
.welfare.snack .area_point .item:last-child .thumb {display: flex; width: 570px;flex-wrap: wrap; gap:18px}
.welfare.snack .area_point .item:last-child .img {border-radius: 20px; box-shadow: 0px 0px 30px 0px #DEEBF0;}
.welfare.snack .area_point .item:last-child .thumb img {display:block; width: 276px;} 
.welfare.snack .step_type1 {width: 1200px;}
.welfare.snack .area_lineup {padding-top:0px;}
.welfare.snack .area_lineup .ic_plus {position: absolute; top: 24px; right:96px; width: 48px; height: 48px; background: #E4E7EC url('../images/welfare/snack/ic_plusclose.svg') center no-repeat; border-radius: 50%;}
.welfare.snack .lineup {display: flex; margin: 80px auto 0; justify-content: space-between; gap:3vh;}
.welfare.snack .lineup .open-modal-btn {position: relative; border: 1px solid #E5E7ED; box-sizing: border-box; border-radius: 24px; overflow: hidden; cursor: pointer;}
.welfare.snack .lineup .item .cont {height: 200px; padding-top:90px; text-align: center; background: #F6F7F9; box-sizing: border-box;}
.welfare.snack .lineup img {display: block;}
.welfare.snack .lineup .overline {font-size: 20px; font-weight: bold; color:#00D5E2;}
.welfare.snack .lineup .tit {font-size: 32px; font-weight: bold;}
.welfare.snack .modal-container { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1;}
.welfare.snack .modal {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  background-color: white; border-radius: 20px; overflow: hidden;}
.welfare.snack .close-btn {position: absolute; top: 10px; right: 10px; cursor: pointer; background: none; border: none; width: 48px; height: 48px; background: url('../images/welfare/snack/ic_plusclose.svg') center no-repeat; transform: rotate( 45deg );}
.welfare.snack .modal-content {width: 640px; box-sizing: border-box;}
.welfare.snack .modal-content .thumb {display: flex; align-items: center; background: #F3F3F3; height: 320px;}
.welfare.snack .modal-content .thumb img {margin:0 auto;}
.welfare.snack .modal-content .cont {padding:40px;}
.welfare.snack .modal-content table {margin-top:32px; border-top: 2px solid #333}
.welfare.snack .modal-content table th {font-weight: bold; text-align: center;}
.welfare.snack .modal-content table th,
.welfare.snack .modal-content table td {padding: 10px 30px; text-align:left; font-size:18px; border-bottom: 1px solid #EEEEEE;}

.welfare.snack .section_card {display:grid; grid-template-columns:repeat(3, 1fr); gap:1vw; width:100%; justify-content:center;}
.welfare.snack .layout_card {width:100%; height:100%; border:1px solid #eee; border-radius: 20px;}
.welfare.snack .layout_card .thumb img {display:block; width:100%;}
.welfare.snack .layout_card .con {padding:35px 0 35px 40px;}
.welfare.snack .layout_card .con .tit {font-size:24px; color:#333; font-weight:600; margin-bottom:24px;}
.welfare.snack .layout_card .link {margin-top:18px;}
.welfare.snack .label1 {font-size:16px; font-weight:500;}


/* coffee */
.welfare.coffee .inner {width:1200px;} 
.welfare.coffee .list_event .item {padding:60px 0 75px 120px; background-color:#E0F4F7;}
.welfare.coffee .list_event .txt {font-size:18px; color:#999; margin-top:5px;}
.welfare.coffee .list_event .info {display:flex; margin-top:30px;}
.welfare.coffee .list_event .info p {font-size:18px; margin-right:20px;}
.welfare.coffee .list_event .info .bold {margin-right:10px;}
.welfare.coffee .list_event .item .thumb {width:310px; height:280px; margin-right:80px; background:url(../images/welfare/coffee/bn_img.png) bottom right no-repeat;}
.welfare.coffee .area_lineup {padding:80px 0 30px 0;}
.welfare.coffee .lineup {display:flex; justify-content:center; margin:80px auto 0; gap:3vh;}
.welfare.coffee .lineup .open-modal-btn {position: relative; border: 1px solid #E5E7ED; box-sizing: border-box; border-radius: 24px; overflow: hidden; cursor: pointer;}
.welfare.coffee .lineup .item .cont {padding:40px; text-align: center; background: #F6F7F9; box-sizing: border-box;}
.welfare.coffee .lineup img {display: block;}
.welfare.coffee .lineup .overline {font-size:18px; font-weight: bold; color:#00D5E2;}
.welfare.coffee .lineup .tit {font-size:26px; font-weight: bold;}
.welfare.coffee .lineup .box {position:relative; border:1px solid #E5E7ED; box-sizing:border-box; border-radius:24px; overflow:hidden; cursor:pointer;}
.welfare.coffee .lineup .box .cont {padding:30px; text-align:center; background:#F6F7F9; box-sizing:border-box;}
.welfare.coffee .modal-container { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1;}
.welfare.coffee .modal {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  background-color: white; border-radius: 20px; overflow: hidden;}
.welfare.coffee .modal-content {width:690px; box-sizing: border-box;}
.welfare.coffee .modal-content .thumb {display: flex; align-items: center; background: #F3F3F3; height: 320px;}
.welfare.coffee .modal-content .thumb img {margin:0 auto;}
.welfare.coffee .modal-content .cont {padding:50px;}
.welfare.coffee .modal-content table {margin-top:32px; border-top: 2px solid #333}
.welfare.coffee .modal-content table th {font-weight: bold; text-align: center;}
.welfare.coffee .modal-content table th,
.welfare.coffee .modal-content table td {padding: 10px 30px; text-align:left; font-size:18px; border-bottom: 1px solid #EEEEEE;}
.welfare.coffee .modal-content .tit {font-size:32px;}
.welfare.coffee .modal-content .price {color:#91644B; font-size:24px; font-weight:400;}
.welfare.coffee .modal-content .list_icon {margin-top:30px;}
.welfare.coffee .modal-content .list_icon ul {display:flex;}
.welfare.coffee .modal-content .list_icon ul:first-child {margin-bottom:30px;}
.welfare.coffee .modal-content .list_icon ul li div {margin-left:20px;}
.welfare.coffee .modal-content .list_icon ul li {display:flex; width:240px;}
.welfare.coffee .modal-content .list_icon ul li:first-child {margin-right:30px;}
.welfare.coffee .modal-content .list_icon ul li .tit {color:#333; font-size:18px; margin-bottom:6px;}
.welfare.coffee .modal-content .list_icon ul li .txt {color:#999; font-size:15px;}
.welfare.coffee .modal-container:last-child .modal-content .list_icon ul li:first-child {width:290px;}
.welfare.coffee .modal-content .cont .desc_box {padding:10px 0; margin:30px 0 40px; text-align:center; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.welfare.coffee .modal-content .cont .desc_box .desc {font-size:18px; color:#444;}
.welfare.coffee .tab_contents .thumb img {border-radius:20px; box-shadow:rgb(0 0 0 / 5%) 0px 3px 6px 0px;}
.welfare.coffee .area_info .tit {margin-top:24px; font-size:26px; font-weight:500; text-align:center;}
.welfare.coffee .area_info .list_item {display:flex; margin:80px auto 0;}
.welfare.coffee .area_info .item {flex:1;}
.welfare.coffee .area_info .thumb {width:100%; border-radius:24px;}
.welfare.coffee .area_info .thumb img {display:block;}
.welfare.coffee .area_advantage .cont_box {background-color:#F8F9FA; margin:80px auto 0; padding:50px 0; border-radius:20px; display:flex; gap:7vh; justify-content:center;}
.welfare.coffee .area_advantage .cont_box .item {text-align:center; width:190px;}
.welfare.coffee .area_advantage .cont_box .item .tit {font-size:22px; font-weight:600; color:#333; margin:20px 0 7px 0;}
.welfare.coffee .area_advantage .cont_box .item .txt {font-size:18px; color:#999;}
.welfare.coffee .area_review .cont_box {margin:80px auto 0; display:flex; justify-content:space-evenly;gap:2vh;}
.welfare.coffee .area_review .cont_box .item {width:390px; border-radius:16px; display:flex; flex-direction:column; padding:40px;}
.welfare.coffee .area_review .cont_box .item:first-child {background-color:#D6F0FF;}
.welfare.coffee .area_review .cont_box .item:nth-child(2) {background-color:#D7F6F7;}
.welfare.coffee .area_review .cont_box .item:last-child {background-color:#FFF6C5;}
.welfare.coffee .area_review .cont_box .item .txt {font-size:18px; color:#666;}
.welfare.coffee .area_review .cont_box .item .tit {font-size:15px; color:#333; font-weight:600; margin:10px 0 0 15px;}
.welfare.coffee .area_review .cont_box .item .tit .bold {font-size:20px;}
.welfare.coffee .area_review .cont_box .item .img {width:70px; height:70px; display:inline-block; background:url('../images/welfare/coffee/ic_review01.png')no-repeat;}
.welfare.coffee .area_review .cont_box .item .info {display:flex; flex-direction:row; margin-top:30px;}
.welfare.coffee .wrap_noti {background-color:#F7F7F7; text-align:center; margin:20px auto 0; padding:30px 0; width:1200px; border-radius:20px;}
.welfare.coffee .wrap_noti .txt {font-size:15px; color:#999;}
.welfare.coffee .wrap_noti .desc {font-weight:500; line-height:300%;}
.welfare.coffee .area_calculator {padding-top:40px;}
.welfare.coffee .area_calculator h4 {font-size:30px; text-align:center; font-weight:600;}
.welfare.coffee .area_calculator .wrap_calculator {margin-top:40px; border:1px solid #eee; border-radius:20px; display:flex; flex-direction:column;}
.welfare.coffee .area_calculator .wrap_item {display:flex; margin:55px auto 35px; width:960px; justify-content:center; gap:5vh;}
.welfare.coffee .area_calculator .wrap_item .item_list .tit {font-size:18px; font-weight:600;}
.welfare.coffee .area_calculator .wrap_item .item_list .input_box {width:286px; height:58px; box-sizing:border-box; border-radius:10px; border:1px solid #eee; margin-top:15px;}
.welfare.coffee .area_calculator .wrap_item .item_list .cont .user {position:relative;}
.welfare.coffee .area_calculator .wrap_item .item_list .cont .txt {font-size:20px; color:#333; position:absolute; top:8px; right:20px;}
.welfare.coffee .area_calculator .wrap_item .item_list .cont .tag {font-size:14px; color:#fff; background-color:#00B3CE; padding:2px 5px; border-radius:10px; position:absolute; top:9px; right:216px;}
.welfare.coffee .area_calculator .wrap_item .input::placeholder {color:#00B3CE; font-size:18px; font-weight:600; margin-left:20px;}
.welfare.coffee .area_calculator .wrap_noti {background-color:#F7F7F7; text-align:center; margin:0 auto 40px; padding:30px 0; width:960px; border-radius:10px;}
.welfare.coffee .area_calculator .wrap_noti .txt {font-size:15px; color:#999;}
.welfare.coffee .area_feature .feature_nav {display:flex; justify-content:center; margin:40px 0 90px 0; gap:2vh;}
.welfare.coffee .area_feature .feature_nav button {font-size:16px; margin:0 4px; padding: 12px 20px; border-radius: 50px; background-color:transparent;color: #AAA; letter-spacing: -1px; font-weight: 500; cursor: pointer;}
.welfare.coffee .area_feature .feature_nav button.active {background: #333; color: #fff; transition: all .2s cubic-bezier(0.5,0.8,0.6,0.88);}
.welfare.coffee .area_feature .tab_default {text-align:center; margin-top:30px;}
.welfare.coffee .area_feature .tab_contents ul {display:flex; gap:3vh; justify-content:space-around; margin:70px 0 0;}
.welfare.coffee .area_feature .tab_contents ul:last-child {justify-content:center; margin:20px 0 0;}
.welfare.coffee .company-list {padding:50px 0 140px;}
.welfare.coffee .company-list .marquee_container {margin-top:64px;}
.welfare.coffee .company-list .container_wrap .marquee_container {height:210px;}
.welfare.coffee .ic_advantage {width:62px; height:62px; display:inline-block;}
.welfare.coffee .ic_advantage.ic01 {background:url('../images/welfare/coffee/ic_advantage_01.png') no-repeat;}
.welfare.coffee .ic_advantage.ic02 {background:url('../images/welfare/coffee/ic_advantage_02.png') no-repeat;}
.welfare.coffee .ic_advantage.ic03 {background:url('../images/welfare/coffee/ic_advantage_03.png') no-repeat;}
.welfare.coffee .ic_advantage.ic04 {background:url('../images/welfare/coffee/ic_advantage_04.png') no-repeat;}
.welfare.coffee .ic_review {width:70px; height:70px; display:inline-block;}
.welfare.coffee .ic_review.ic01 {background:url('../images/welfare/coffee/ic_review_01.png') no-repeat;}
.welfare.coffee .ic_review.ic02 {background:url('../images/welfare/coffee/ic_review_02.png') no-repeat;}
.welfare.coffee .ic_review.ic03 {background:url('../images/welfare/coffee/ic_review_03.png') no-repeat;}
.welfare.coffee .ic_coffee {display:inline-block; background:url('../images/welfare/coffee/ic_coffee.png'); position:relative; margin-right:3px; top:3px;}
.welfare.coffee .ic_coffee.ic01 {width:22px; height:24px; background-position:-20px -126px; top:4px;}
.welfare.coffee .ic_coffee.ic02 {width:24px; height:26px; background-position:-50px -126px; top:7px;}
.welfare.coffee .ic_coffee.ic03 {width:22px; height:24px; background-position:-73px -126px; top:4px;}
.welfare.coffee .ic_coffee.ic04 {width:20px; height:20px; background-position:-142px -126px; top:2px;}
.welfare.coffee .ic_coffee.ic05 {display:block; margin:0 auto 25px; width:50px; height:42px; background-position:-9px -70px;}
.welfare.coffee .ic_coffee.ic06 {display:block; margin:0 auto 25px; width:50px; height:45px; background-position:-184px -68px;}
.welfare.coffee .ic_coffee.ic14 {display:block; margin:0 auto 25px; width:50px; height:45px; background-position:-72px -68px;}
.welfare.coffee .ic_coffee.ic07 {width:60px; height:60px; background-position:0 0; top:12px;}
.welfare.coffee .ic_coffee.ic08 {width:60px; height:60px; background-position:-66px 0; top:12px;}
.welfare.coffee .ic_coffee.ic09 {width:60px; height:60px; background-position:-132px 0; top:12px;}
.welfare.coffee .ic_coffee.ic10 {width:60px; height:60px; background-position:-198px 0; top:12px;}
.welfare.coffee .ic_coffee.ic11 {width:20px; height:20px; background-position:-100px -128px; top:120px; left:418px; position:absolute;}
.welfare.coffee .ic_coffee.ic12 {width:20px; height:20px; background-position:-119px -128px; top:120px; right:426px; position:absolute;}
.welfare.coffee .ic_coffee.ic13 {display:block; margin:0 auto 25px; width:50px; height:44px; background-position:-131px -68px;}
.welfare.coffee .ic_plus {position:absolute; top:37px; right:30px; width: 48px; height: 48px; background: #E4E7EC url('../images/welfare/snack/ic_plusclose.svg') center no-repeat; border-radius: 50%;}
.welfare.coffee .close-btn {position: absolute; top: 10px; right: 10px; cursor: pointer; background: none; border: none; width: 48px; height: 48px; background: url('../images/welfare/snack/ic_plusclose.svg') center no-repeat; transform: rotate( 45deg );}


/*education*/
.education .area_visual h1 {margin-top: 12px;}
.education .inner {max-width: 980px;}
.education .area_point {padding-bottom: 100px;}
.education .area_point .cont_intro{margin-top: 60px;}
.education .area_point .box.center .item {flex: 1; flex-direction: column; align-items: center;}
.education .area_point .item .item_cont {padding-top: 60px; text-align: center;}
.education .area_point .item .title {font-size: 26px; font-weight: 600;  color: #333;}
.education .area_point .cont_intro .item .desc {margin-top: 20px; font-size: 18px;  color: #888;}
.education .area_point .item .item_thumb {display: flex;}
.education .area_point .item.i01 {background: #E9F6FD;}
.education .area_point .item.i01 .item_cont {padding: 90px 0 90px 90px; text-align: left;}
.education .area_point .item.i01 .item_thumb {margin-top:;}
.education .area_point .item.i01 .item_thumb {margin-top:;}
.education .area_point .item.i02 .item_thumb { margin: }
.education .area_point .item.i02 {background: #E6F4F0; justify-content: space-between;}
.education .area_point .item.i03 {background: #E9EAFF;}
.education .area_edu .tab_default {margin-top: 50px;}
.education .area_edu .tab_default button {margin: 0;}
.education .area_edu .tab_contents {padding:60px 80px; background:#FFF8E7; box-sizing: border-box; border-radius: 30px;}
.education .area_edu .tab_contents .thumb {display: flex; justify-content: space-between;}
.education .area_edu .list_dot {margin-top: 12px;}
.education .area_edu h3 {font-size: 26px; text-align: left;}
.education .area_edu .list_dot .tit {font-size: 18px; color:#555; font-weight: bold;}
.education .area_edu .list_dot .txt {font-size: 18px; color:#555;}
.education .area_edu .list_dot li {position: relative; margin-top: 12px;  padding-left: 15px;}
.education .area_edu .list_dot li:before {content:'∙'; display: inline-block; 
width: 14px; height: 14px; position: absolute; top: 0; left: 0;}
.education .area_event {padding:80px 0; background: #EFF5FA;}
.education .area_info {padding-top: 20px;}
.education .area_event img {margin:0 auto}
.education .area_info .box {display: flex; margin-top: 50px; justify-content: space-evenly; align-items: center; flex-direction: row; padding: 60px 100px; border: 2px solid #eee; text-align: left;  border-radius: 25px;}
.education .area_info .wrap_list {border-left: 1px solid #EEE;  padding-left: 60px;}
.education .area_info .list_check li {position: relative; margin-top: 12px;  padding-left: 15px; font-size: 20px; font-weight: 500;;}
.education .area_info .list_check li:before {content:''; display: inline-block; position: absolute; top: 8px; left: -8px; width: 14px; height: 14px; margin-right: 12px; width: 14px; height: 14px; background: url('../images/education/ic_check.svg') center no-repeat;}
.education .area_info .list_check li:first-child {margin:0}

/* job_training */
/* 공통 레이아웃 */
.job_training .area_edu,.job_training .area_last {padding-bottom: 160px !important;}
.job_training .area_cont {padding: 160px 0 0 0;}
.job_training .area_cont.bg_gray_br {padding: 120px 0;}
.job_training .area_point {padding-top: 210px !important;}
.job_training .cont_head,.tit.main {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.job_training .area_cont .cont_head .sub.title {font-size: 20px; font-weight: 700; line-height: 1.5; margin-top: 8px;}
.job_training .area_cont .cont_head .desc {margin-top: 24px; font-weight: 400; line-height: 170%; color: #888;}
.job_training .area_cont .cont_head .date {margin-top: 16px; font-size: 18px; font-weight: 300; line-height: 1.5; color: #b0b0b0;}
.job_training .label {display: flex; width: fit-content; padding: 3px 15px; justify-content: center; align-items: center; margin-bottom: 32px; border-radius: 50px; background-color: none; border-color: #50C9FB; color: #50C9FB; border: 2px solid ;}

.job_training .area_visual {height: auto; overflow: visible;}
.job_training .area_visual h1 {margin-top: 12px;}
.job_training .area_cont .area_promotion {max-width: 980px; margin: 0 auto; text-align: center;}
.job_training .area_cont .area_promotion.lecture{max-width: 980px; margin: 0 auto; text-align: center;}
.job_training .inner {max-width: 980px;}
.job_training .area_point .cont_intro{margin-top: 60px;}
.job_training .area_point .box.center .item {flex: 1; flex-direction: column; align-items: center;}
.job_training .area_point .item .item_cont {padding-top: 60px; text-align: center;}
.job_training .area_point .item .title {font-size: 26px; font-weight: 600;  color: #333;}
.job_training .area_point .cont_intro .item .desc {margin-top: 20px; font-size: 18px;  color: #888;}
.job_training .area_point .item .item_thumb {display: flex;}
.job_training .area_point .item.i01 {background: #E8F6FF;}
.job_training .area_point .item.i01 .item_cont {padding: 90px 0 90px 90px; text-align: left;}
.job_training .area_point .item.i01 .item_thumb {margin-top:;}
.job_training .area_point .item.i01 .item_thumb {margin-top:;}
.job_training .area_point .item.i02 .item_thumb { margin: }
.job_training .area_point .item.i02 {background: #F4F6F9; justify-content: space-between;}
.job_training .area_point .item.i03 {background:#EAFAF2;}
.job_training .area_point .cont_intro .item img {width:100%;}
.job_training .card.section, .job_training .lecture .tab_content {max-width: 980px; margin: 64px auto 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; column-gap: 16px; row-gap: 32px;}
.job_training .card.section .card.contents {display: flex; flex: 0 0 0 calc(50% - 8px); flex-direction: column;}
.job_training .card.section .card.contents img{width: 294px; max-height: 180px; border-radius: 10px;}
.job_training .card.section .card.contents .contents-title {font-size: 18px; font-weight: 600; line-height: 1.5; color: #333;}
.job_training .lecture .tabs {display: flex; justify-content: center; gap: 18px; margin: 56px 0;}
.job_training .lecture .tabs .tab {padding: 12px 32px; font-size: 16px; font-weight: 400; border: 1px solid #E0E0E0; background: #fff; cursor: pointer; transition: 0.01s;}
.job_training .lecture .tabs .tab:hover {border-color: #000;}
.job_training .lecture .tabs .tab.active {background-color: #000; color: #fff; border-color: #fff; border-radius: 0;}
.job_training .lecture .tab_content .info {height: fit-content; width: 233px;}
.job_training .lecture .tab_content .info div {display: flex; width: fit-content; padding: 2px 8px; margin: 8px 0 4px 0; justify-content: center; align-items: center; font-size: 13px; border-radius: 4px;}
.job_training .area_promotion .card.contents .self, .IT {display: flex; width: fit-content; padding: 2px 8px; margin: 8px 0 4px 0; justify-content: center; align-items: center; font-size: 13px; border-radius: 4px;}
.job_training .area_promotion .self { background-color: #FFF0CD; color: #FF8400;}
.job_training .area_promotion .economy { background-color: #EBF8FD; color: #00A1B9;}
.job_training .area_promotion .IT { background-color: #CDF0FF; color: #008CFF;}
.job_training .area_promotion .leadership { background-color: #E4FFCD; color: #00A20D;}
.job_training .lecture .tab_content img {height: 140px; width: inherit; border-radius: 10px;}
.job_training .lecture .tab_content .info.more {height: 260px !important; width: inherit; border-radius: 10px;}
.job_training .lecture .tab_content .info.more img {height: 260px !important; width: inherit; border-radius: 10px;}
.job_training .lecture .tab_content .info.more {height: 260px !important; width: inherit; border-radius: 10px;}
.job_training .lecture .tab_content .info .txt {white-space: normal; overflow: hidden;}
.job_training .lecture .tab_content .info .number {font-weight: 700;}
.job_training .lecture .tab_content .tab-panel {display: none; flex-wrap: wrap; justify-content: center; column-gap: 16px; row-gap: 32px;}
.job_training .lecture .tab_content .tab-panel.lecture1 {display: flex;}
.job_training .lecture .tab_content .tab-panel.lecture1 .info,
.job_training .lecture .tab_content .tab-panel.lecture2 .info,
.job_training .lecture .tab_content .tab-panel.lecture3 .info,
.job_training .lecture .tab_content .tab-panel.lecture4 .info,
.job_training .lecture .tab_content .tab-panel.lecture5 .info {flex: 0 0 0 0 calc(100% / 4);  transition: 0.01s;}
.job_training .area_promotion .info , .card.contents {position: relative;}
.job_training .area_promotion .info .floating-tag {position: absolute; left: 7px; background: #2F83F7; color: #fff; padding: 2px 6px; font-size: 13px; font-weight: 600; border-radius: 4px; z-index: 10;}
.job_training .area_promotion .card.contents .floating-tag {position: absolute; top: 9px; left: 9px; background: #2F83F7; color: #fff; padding: 2px 6px; font-size: 13px; font-weight: 600; border-radius: 4px; z-index: 10;}
.job_training .area_edu .tab_default {margin-top: 50px;}
.job_training .area_edu .tab_default button {margin: 0;}
.job_training .area_edu .tab_contents {padding:60px 80px; background:#FFF8E7; box-sizing: border-box; border-radius: 30px;}
.job_training .area_edu .tab_contents .thumb {display: flex; justify-content: space-between;}
.job_training .area_edu .list_dot {margin-top: 12px;}
.job_training .area_edu h3 {font-size: 26px; text-align: left;}
.job_training .area_edu .list_dot .tit {font-size: 18px; color:#555; font-weight: bold;}
.job_training .area_edu .list_dot .txt {font-size: 18px; color:#555;}
.job_training .area_edu .list_dot li {position: relative; margin-top: 12px;  padding-left: 15px;}
.job_training .area_edu .list_dot li:before {content:'∙'; display: inline-block; width: 14px; height: 14px; position: absolute; top: 0; left: 0;}
.job_training .area_info.banner .box {background-color: #164478;}
.job_training .area_info.banner .title {font-size: 32px; font-weight: 500; line-height: 1.6; color: #fff;}
.job_training .area_info.banner .mint {font-size: 32px; font-weight: 500; line-height: 1.6; color: #C9FDFF;}
.job_training .area_info.banner span {color: #fff;}
.job_training .area_info.banner .box {display: flex; margin-top: 50px; justify-content: space-between; align-items: center; flex-direction: row; padding: 60px 100px; border: none; text-align: left;  border-radius: 25px;}
.job_training .area_info .title {margin-top: 12px; font-size: 24px; font-weight: 500; line-height: 1.6;}
.job_training .area_info img {height: 18px; width: auto;}
.job_training .area_info .box {display: flex; margin-top: 50px; justify-content: space-evenly; align-items: center; flex-direction: row; padding: 60px 20px; border: none; text-align: left;  border-radius: 25px; background-color: #F5F7F9;}
.job_training .area_info .wrap_list {border-left: 1px solid #EEE;  padding-left: 60px;}
.job_training .area_info .list_check li {position: relative; margin-top: 12px;  padding-left: 15px; font-size: 20px; font-weight: 500;;}
.job_training .area_info .list_check li:before {content:''; display: inline-block; position: absolute; top: 8px; left: -8px; width: 14px; height: 14px; margin-right: 12px; width: 14px; height: 14px; background: url('../images/education/ic_check.svg') center no-repeat;}
.job_training .area_info .list_check li:first-child {margin:0}

/* 결합상품 추가 */
.price_ver2 .area_additional {padding-bottom:20px;}
.price_ver2 .area_additional .area_box {margin-top:60px;}
.price_ver2 .item_cont .list_func {padding:50px 80px; margin-bottom:60px; display:flex; justify-content:space-between; align-items:center; border-radius:25px; background-color:#FFF;}
.price_ver2 .item_cont .list_func .desc {color:#888; line-height:180%;}
.price_ver2 .item_cont .list_func .desc .mint {color:#25CAD3;}
.price_ver2 .item_cont .list_func .txt_wrap {width:auto; align-items:center; justify-content:space-between; display:flex; flex-direction:column; border-radius:18px;}
.price_ver2 .item_cont .list_func .tit_wrap .tt {font-size:32px; font-weight:600;}
.price_ver2 .item_cont .list_func .txt_wrap .text {margin-left:26px;}
.price_ver2 .item_cont .txt {font-size:18px; margin-top:20px; color:#333;}
.price_ver2 .item_cont .btn_box {margin-top:20px; display:flex;}
.price_ver2 .txt_item {box-sizing:border-box; border-radius:30px;}
.price_ver2 .txt_item .info {font-size:15px; color:#c8c8c8; display:flex; justify-content:flex-end; margin-bottom:12px;}
.price_ver2 .txt_item .desc {font-size:15px; color:#ccc; display:flex; justify-content:flex-end; margin-top:6px;}
.price_ver2 .tit_wrap .tag_red {display:inline-block; height:20px; font-weight:600; font-size:12px; color:#EE817D; background:#FEEDEB; border-radius:15px; padding:2px 8px; position:relative; top:-4px;}
.price_ver2 .txt_item table {border-top:1px solid #999; text-align:center; border:hidden; width:500px;}
.price_ver2 .txt_item table th {color:#fff; background-color:#333; font-size:18px;}
.price_ver2 .txt_item table th, .txt_item table td {padding:10px 30px;}
.price_ver2 .txt_item table tr td {color:#888; background-color:#F9F9F9; border:1px solid #f3f3f3; vertical-align:middle;}
.price_ver2 .txt_item table tr .gray {background-color:#F2F3F4; color:#333;}
.price_ver2 .txt_item table tr .gray.txt {font-size:16px;}
.price_ver2 .txt_item table th:first-child {border-radius:15px 0 0 0;}
.price_ver2 .txt_item table th:last-child {border-radius:0 15px 0 0;}
.price_ver2 .txt_item table tr:last-child td:first-child {border-radius:0 0 0 15px;}
.price_ver2 .txt_item table tr:last-child td:last-child {border-radius:0 0 15px 0;}
.price_ver2 .txt_item table.second tr:nth-child(4) td:nth-child(1) {border-radius:0 0 0 15px;}
.price_ver2 .txt_item table.second tr:last-child td:last-child {border-radius:0;}
.price_ver2 .txt_item table.second tr:nth-child(4) td:nth-child(3) {border-radius:0 0 15px 0;}
.price_ver2 .txt_item .linethrough.red {font-size:14px; color:#FF2424;}
.price_ver2 .txt_item .mini {font-size:14px; color:#b5b5b5;}
.price_ver2 .txt_item .ic_arrow_info {display:inline-block; width:20px; height:20px; background:url("../images/ic_price_add.svg") -131px -11px; position:relative; top:5px;}
.price_ver2 .tit_wrap .ic_add {display:inline-block; width:30px; height:30px; margin-right:10px; background:url("../images/ic_price_add.svg");}
.price_ver2 .tit_wrap .ic_add.ic01 {background-position:-8px -3px;}
.price_ver2 .tit_wrap .ic_add.ic02 {background-position:-49px -3px;}
.price_ver2 .tit_wrap .ic_add.ic03 {background-position:-93px -3px;}


/*** Responsive layout ***/
@media all and (max-width:959px){	
  /* cartzx biz */
  .cartaxbiz .area_cont .cont_list .item .imgbox::after {content:''; width:2px; height:20px; margin:0 0 0 18px; position:relative; top:-3px; background-color:#ddd; display:inline-block;}
  .cartaxbiz .area_visual {height:860px;}
  .cartaxbiz .area_visual .subtitle {font-size:20px;}
  .cartaxbiz .area_visual .desc {margin-top:30px;}
  .cartaxbiz .area_visual h1 {margin-top:10px;}
  .cartaxbiz .area_visual .btn_wrap a {width:70%;}
  .cartaxbiz .area_point .box .item.first {gap:0vh;}
  .cartaxbiz .area_point .box .item.first .item_cont {padding:0; text-align:center;}
  .cartaxbiz .area_point .box .item.first .item_thumb {flex-direction:column; align-items:center;}
  .cartaxbiz .area_point .box.center .item.second .item_thumb {margin:30px 0 10px; flex-direction:column; align-items:center;}
  .cartaxbiz .area_point .box.center .item.third .item_thumb {margin:30px 0 20px; flex-direction:column; align-items:center;}
  .cartaxbiz .area_point .box.center .item.fourth .item_thumb {margin:30px 0 0 0; flex-direction:column; align-items:center;} 
  .cartaxbiz .area_point .box.center .item.fifth .item_thumb {margin:30px 0 0 0; flex-direction:column; align-items:center;}
  .cartaxbiz .area_point .box .item .item_cont {padding-top:0;}
  .cartaxbiz .area_point .box .item.first img {width:90%;}
  .cartaxbiz .area_point .box .item_thumb img {width:90%;}
  .cartaxbiz .area_cont .inner ul {display:flex; flex-direction:column; margin-top:40px;}
  .cartaxbiz .area_cont .inner .list {margin-top:50px; text-align:center;}
  .cartaxbiz .area_cont .inner .list li {margin-top:30px;}
  .cartaxbiz .area_cont .inner .list li .tit {font-size:18px;}
  .cartaxbiz .area_cont .inner .list li .desc {font-size:16px;}
  .cartaxbiz .area_cont .cont_box .summary {text-align:center; width:80%;}
  .cartaxbiz .area_cont .cont_box .summary ul li {margin-top:30px; margin-left:50px;}
  .cartaxbiz .area_cont .cont_box .summary ul li:first-child {margin-top:0;}
  .cartaxbiz .area_cont .cont_box ul {padding:40px 0;}
  .cartaxbiz .area_cont .cont_box ul li {margin-top:0; align-items:center;}
  .cartaxbiz .area_cont .cont_box .dada {display:none;}
  .cartaxbiz .area_cont .cont_box ul li p {font-size:20px; line-height:180%; margin-left:45px; text-align:left;}
  .cartaxbiz .area_cont .cont_price .box {flex-direction:column; margin-top:40px;}
  .cartaxbiz .area_cont .cont_price .box li {padding:40px; flex-direction:column; align-items:flex-start;}
  .cartaxbiz .area_cont .cont_price .box li .line {width:100%; height:1px; margin:20px 0;}
  .cartaxbiz .area_cont .cont_price .box .price .tt {font-size:38px;}
  .cartaxbiz .area_cont .cont_price .box .price strong {font-size:20px;}
  .cartaxbiz .area_how {padding:0;}
  .cartaxbiz .area_how .cont_list1 .item {width:80%; height:130px; border-radius:12px; flex-direction:column; justify-content:center; padding:0;}
  .cartaxbiz .area_how .cont_list1 .item .imgbox {margin-left:0; margin-bottom:10px;}
  .cartaxbiz .area_how .cont_list1 .item .imgbox::after {display:none;}
  .cartaxbiz .area_how .cont_list2 {padding:70px 0 50px;}
  .cartaxbiz .area_how .cont_list2 .list_func,
  .cartaxbiz .area_how .cont_list2 .item_thumb {display:flex; flex-direction:column; align-items:center;}
  .cartaxbiz .area_how .cont_list2 .item_thumb img {width:80%;}
  .cartaxbiz .area_how .cont_list2 .list_func {display:flex; justify-content:center; margin-bottom:0;}
  .cartaxbiz .area_how .cont_list2 .list_func li {margin-right:0; margin-bottom:50px;}
  .cartaxbiz .area_how .cont_list2 .list_func .desc {margin:14px 0 0;}
  .cartaxbiz .area_advantage {padding-top:80px;}
  .cartaxbiz .area_advantage .list_func {display:flex; flex-direction:column; gap:8vw;}
  .cartaxbiz .area_advantage .list_func li {text-align:left; display:flex; flex-direction:row; align-items:center; margin-left:5%;}
  .cartaxbiz .ic_advantage {width:60px; height:60px;}
  .cartaxbiz .ic_advantage.ic01 {background-position:0 -113px;}
  .cartaxbiz .ic_advantage.ic02 {background-position:-65px -113px;}
  .cartaxbiz .ic_advantage.ic03 {background-position:-130px -113px;}
  .cartaxbiz .ic_advantage.ic04 {background-position:-195px -113px;}
  .cartaxbiz .area_recommend {padding-bottom:80px;}
  .cartaxbiz .area_price .inner {width:80%;}
  .cartaxbiz .area_cont .background_items {display:none;}
  .cartaxbiz .last {padding:40px; gap:0; height:auto;}
  

  /* 전자계약 */
  .contract .area_visual {height:860px;}
  .contract .area_visual .visual {width:100%; border-radius:20px; margin:60px auto 0;}
  .contract .area_visual .btn_wrap a {width:70%;}
  .contract .area_point {padding-bottom:20px;}
  .contract .area_point .box .item_thumb img {width:90%;}
  .contract .area_point .box .item.first .item_cont {padding:0; text-align:center; margin:10px 0;}
  .contract .area_point .box.center .item .item_cont {margin-top:0;}
  .contract .area_point .box.center .item.second .item_thumb {justify-content:center; margin:30px 0 50px;}
  .contract .area_point .box.center .item.second {padding:50px 0 0;}
  .contract .area_point .box.center .item.third {margin:10px 0 0;}
  .contract .area_point .box.center .item.third .item_thumb {margin-top:30px;}
  .contract .area_point:nth-child(2) .box.center .item.second .item_thumb {margin:50px 0 0;}
  .contract .area_point:nth-child(2) .box.center .item.third .item_thumb {margin:30px 0 20px;}
  .contract .area_how .cont_list .list_func {flex-direction:column;}
  .contract .area_how .cont_list .list_func li {margin-right:0;}
  .contract .area_how .cont_list .list_func:last-child li {margin-right:0;}
  .contract .area_how {padding-bottom:40px;}
  .contract .area_how .cont_list {padding-top:40px;}
  .contract .area_how .cont_list .list_func .item_cont {padding:0;}
  .contract .area_how .cont_list .list_func li {margin-bottom:70px;}
  .contract .area_how .cont_list .list_func {margin-bottom:0;}
  .contract .area_event .inner {max-width:100%;}
  .contract .area_event .view_pc {display:none;}
  .contract .area_event .view_mo {display:flex; flex-direction:column; align-items:center; position:relative;}
  .contract .area_event .view_mo a {position:absolute; bottom:50px; text-align:center;}
  .contract .area_event .view_mo img {width:90%;}
  .contract .area_notice .n_dot li {font-size:14px;}

  .video_con2 .area_visual {height:730px;}
  .video_con2 .area_visual .subtitle {font-size:20px;}
  .video_con2 .area_visual .desc {margin-top:30px;}
  .video_con2 .area_visual h1 {margin-top:10px;}
  .video_con2 .area_visual .btn_wrap a {width:70%;}
  .video_con2 .area_cont .inner ul {display:flex; flex-direction:column; margin-top:40px;}
  .video_con2 .area_cont .inner ul li {text-align:left;}
  .video_con2 .area_cont .inner ul li .tit {font-size:18px;}
  .video_con2 .area_cont .inner ul li .desc {font-size:16px;}
  .video_con2 .area_point .box .item.first {gap:0vh;}
  .video_con2 .area_point .box .item.first .item_cont {padding:0; text-align:center;}
  .video_con2 .area_point .box .item .item_thumb {flex-direction:column; align-items:center;}
  .video_con2 .area_point .box.center .item.second .item_thumb {margin:30px 0 10px;}
  .video_con2 .area_point .box.center .item.third .item_thumb {margin:30px 0 20px;}
  .video_con2 .area_point .box .item .item_cont {padding-top:0;}
  .video_con2 .area_point .box .item_thumb img {width:90%;}
  .video_con2 .area_how {padding:0;}
  .video_con2 .area_how .cont_list2 {padding:30px 0 50px;}
  .video_con2 .area_how .cont_list2 .list_func,
  .video_con2 .area_how .cont_list2 .item_thumb {flex-direction:column; align-items:center;}
  .video_con2 .area_how .cont_list2 .item_thumb img {width:90%;}
  .video_con2 .area_how .cont_list2 .list_func {display:flex; justify-content:center; margin-bottom:0;}
  .video_con2 .area_how .cont_list2 .list_func li {margin-right:0; margin-bottom:50px;}
  .video_con2 .area_how .cont_list2 .list_func .desc {margin:14px 0 0;}
  .video_con2 .area_advantage {padding-top:80px;}
  .video_con2 .area_advantage .list_func {display:flex; flex-direction:column; gap:8vw;}
  .video_con2 .area_advantage .list_func li {text-align:left; display:flex; flex-direction:row; align-items:center; margin-left:5%;}
  .video_con2 .ic_advantage {width:60px; height:60px; margin-right:30px; background-size: 240px;}
  .video_con2 .ic_advantage.ic01 {background-position:0 0;}
  .video_con2 .ic_advantage.ic02 {background-position:-60px 0;}
  .video_con2 .ic_advantage.ic03 {background-position:-120px 0;}
  .video_con2 .ic_advantage.ic04 {background-position:-180px 0;}
  .video_con2 .last {padding:40px; gap:0; height:auto;}
  
  /* 부가서비스 */
  .additional .area_cont:first-child {padding-top:0;}
  .additional .area_visual .tit {padding-bottom:20px;}
  .additional .section_card {display:flex; flex-direction:column;}
  .additional .layout_card {margin-bottom:20px;}
  .additional .link {justify-content:left;}
  .additional .area_cont h2 {font-size:28px;}
  .additional .notice {margin:0 10px;}
  .additional .notice .wrap {gap:12vh; overflow-x:scroll; align-items:center; margin:40px auto 0; align-self:flex-start;}
  .additional .notice .wrap .box {width:100%; padding:40px; border-radius:20px;}
  .additional .cont_detail h3 {font-size:28px;}
  .additional .cont_detail .dada {display:none;}
  .additional .cont_detail span {margin-top:18px;}
  .additional .cont_detail .inner .item_cont {width:auto;}
  .additional .cont_detail .inner .item_wrap {padding:70px 30px;}
  .additional .cont_detail .inner .item_thumb {width:100%; border-radius:15px; margin:45px auto 0;}
  .additional .cont_detail .inner .item_thumb img {width:100%;}
  .additional .cont_detail .inner .item_wrap .list_func {width:70%; padding:0;}
  .additional .cont_detail .inner .item_wrap .list_func li {margin-bottom:20px;}
  .additional .cont_detail .inner .item_wrap .list_func li span {margin-bottom:10px;}
  .additional .cont_detail .inner .item_wrap .list_func li:last-child {margin-bottom:0;}
  .additional .cont_detail .inner .item_wrap:last-child {padding:20px 0 60px 0;}
  .additional .area_cont h4 {font-size:22px;}
  .additional .area_cont .tit {margin-bottom:0;}
  .additional .area_cont .txt {margin-top:16px;}
  .additional .area_cont .btn_box {margin-top:10px;}
  .additional .area_cont .inner .img_wrap {margin-bottom:25px;}
  .additional .area_cont .inner .item .img_wrap {max-width:100%;}
  .additional .area_cont .inner .item .img_wrap img {width:90%;}
  .additional .area_cont .wrap_card .inner_flex .item {margin-top:50px;}
  .additional .area_howto {padding:30px 0 0; width:auto; border-top:none;}
  .additional .area_howto .tit h2 {font-size:28px;}
  .additional .area_howto .inner_flex .item {margin-right:0; margin-bottom:60px;}
  .additional .area_howto .wrap_card {margin-top:70px;}
  .additional .area_howto .wrap_card .inner_flex {flex-direction:column;}
  .fixed_pc {display:none;}

  .tab-content .inner {width:auto;}
  .tab-content .area_cont {padding:50px 0 50px;}
  .tab-content .item_cont {padding-top:40px;}
  .tab-content .item_cont .left_cont, .tab-content .item_cont .right_cont {width:80%; padding:30px; margin-top:10px; flex-direction:column; align-items:flex-start;}
  .tab-content .item_cont .list_func {padding:50px 40px; margin-bottom:40px; flex-direction:column;}
  .tab-content .item_cont .list_func .tit_wrap .tag {font-size:18px;}
  .tab-content .item_cont .list_func .txt_wrap {margin:20px 0 0; width:100%;}
  .tab-content .item_cont .list_func .tit_wrap .tt {font-size:25px;}
  .tab-content .item_cont .list_func .txt_wrap .left_cont .tt {font-size:18px; margin-top:10px;}
  .tab-content .item_cont .list_func .txt_wrap .right_cont li {flex-direction:column; margin-bottom:18px;}
  .tab-content .item_cont .list_func .txt_wrap .text {margin-left:0;}
  .tab-content .item_cont .list_func li .tag_title {width:30px;}
  .tab-content .item_cont .list_func .img_arrow {display:none;}

  /* 서브 메인 */
  .content_head .tit, .tit.main {padding-top:80px;}
  .content_head h1, .content_head h1 {font-size:32px;}
  .area_visual {height:96%;}
  .area_visual .visual {margin-top: 40px;}
  .area_visual .visual img {width: 100%; vertical-align: bottom;}
  .area_visual .decoration {display:none;}
  .area_visual.additional {height:870px;}

  /* 4가지 기능 메뉴 탭 */
  .area_nav.channel .txt {font-size:16px;}
  .area_nav.channel .inner_flex {flex-wrap: nowrap; overflow-x: auto;}
  .area_nav.channel a {padding:16px 10px 16px; text-align: center;}

  /* 다우오피스 기능 소개 */
  .area_cont {padding:80px 0 50px;}
  .area_cont .cont_item {margin-top:50px;}
  .area_cont .cont_item ul {margin-top:50px;}
  .area_cont .cont_item li {width:calc(100% / 1); padding:13px 0 10px 20px; border-radius:12px;}
  .area_cont .cont_item li:nth-child(1),
  .area_cont .cont_item li:nth-child(2),
  .area_cont .cont_item li:nth-child(3) {margin:0 0 15px 0;}
  .area_cont .cont_item li p {font-size:18px; top:-16px;}
  .area_cont .cont_item li div {top:-3px;}

  /* 차별점 */
  .area_func {margin:80px 0 40px;}
  .area_overview {padding:20px 0 60px;}
  .area_overview .inner ul {display:flex; flex-direction:column; gap:8vw;}
  .area_overview .inner li {flex-direction:row; align-items:center; margin-left:5%;}
  .area_overview .inner li a {display:inline-block;}
  .area_overview .inner li div {display:inline-block; margin-left:26px; line-height:160%; text-align:left;}
  .area_overview .inner li .txt {margin-top:0;}
  .area_overview .inner li .sub {margin-top:0;}

  /* 서브페이지 기본 레이아웃 */

  /* 세부기능 소개 메뉴 탭 */
  .area_detail {padding-top:80px;}
  .area_detail .navbar .wrap_navbar {margin:50px 0 0 24px;}
  .area_detail .navbar .anchors a {margin:0 16px;}
  /* .anchors : scroll 이동 */
  .area_detail .navbar .anchors {white-space:nowrap; overflow-x:auto;}
	.area_detail .navbar .anchors a + a {margin-left: 2px;}
  .area_detail .navbar .anchors > a {text-align:center;}
	.area_detail .navbar .anchors::-webkit-scrollbar {display:none;}
  /* .tab_default: 탭하면 해당 콘텐츠로 이동 */
	.tab_default {white-space: nowrap; overflow-x: auto; margin:0 0 40px;}
	.tab_default::-webkit-scrollbar {display: none;}
	.tab_default button {margin:0; padding:0 16px; height:auto; line-height:42px; vertical-align:top; font-size:14px; font-weight:500;}
  .tab_contents .thumb.pc {display:none;}
  .tab_contents .thumb.mo {display:block;}
  .tab_contents .thumb.mo p {font-size:18px;  margin:30px 0 0; text-align:center; color:#555; font-weight:500;}
  .tab_contents img {width: 100%;}
  .tabs{flex-wrap: nowrap; white-space: nowrap; overflow-x: auto; padding-bottom:8px}
  .tabs .tab {padding:4px 12px; font-size:16px;}

  /* 서브 기능 상세설명 */
  .list_func h3 {font-size:28px; text-align:center; line-height:130%;}
  .list_func .desc {margin:0;}
  .list_func .inner_flex > div {flex: 100%; width:inherit;}
  .list_func .item {padding-top:100px;}
  .list_func .item:first-child {padding-top:80px;}
  .list_func .item:last-child {padding-top:100px; padding-bottom:100px;}
  .list_func .item .right {flex-direction: inherit;}	
  .list_func .item_cont {padding:0 0 40px;}
  .list_func .item_cont.right {padding-left:0;}
  .list_func .item_cont .sub {font-size:20px; text-align:center; margin-bottom:12px;}
  .list_func .item_cont .desc {margin-top:14px; font-size:16px; text-align:center;}
  .list_func .item_cont .label {text-align:center;}
  .list_func .item_thumb img {width:100%;}

  /* 서브 기능 설명 (박스) */
  .area_point {padding-top:80px; padding-bottom:80px;}
  .area_point .cont_intro {max-width:85%; margin:50px auto 0;}
  .area_point .cont_intro .box .item {padding:40px 0; height:auto; display:flex; flex-direction:column; align-items:center; margin-bottom:20px; background-color: ;}
  .area_point .cont_intro .box.center {gap:0; flex-direction:column;}
  .area_point .cont_intro .box.center .item {width:100%;}
  .area_point .cont_intro .box .item .title {font-size:22px; margin-bottom:14px; text-align:center; padding:20px 0 0 0;}
  .area_point .cont_intro.eight .box .item .title {font-size:22px; margin-bottom:14px; text-align:center; padding:20px 40px;}
  .area_point .cont_intro .box .item .desc {text-align:center; font-size:18px;}

  /* 동영상 */
  .area_video {padding-top:80px; padding-bottom:80px;}
  .area_video .cont_video {margin:50px 0 0; padding:0 6%;}
  .area_video .cont_video .inner_box {max-width:100%;}
  .area_video .cont_video iframe {border-radius:15px;}
  .area_video .list_item .inner {flex-direction:column;}

  /* 유튜브 card list 영역 */
  .area_youtube {padding:40px 6% 40px 6%;}
  .area_youtube .cont_list {max-width:100%; margin-top:40px;}
  .area_youtube .cont_list li {display:inline-block; width:100%; margin-right:0; margin-bottom:25px;}
  .area_youtube .cont_list li .con {padding:20px 0 25px 35px;}
  .area_youtube .cont_list li .con .desc {font-size:15px;}
  .area_youtube .cont_list li .con .tit {font-size:18px;}
  .area_youtube .cont_list li img {width:100%;}
  .area_youtube .cont_list li .thumb {height:auto;}

  /* QNA */
  .list_qna {margin:0 auto;}
  .list_qna .box_qna {padding:5px 0;}
  .list_qna .area_box {margin-top:40px;}
  .list_qna .question p {margin:20px 0 20px; font-size:18px;}
  .list_qna .question .ic_detail {display:inline-block; float:right; position:relative; top:-54px;}
  .list_qna .answer {margin:0 0 30px;}
  .list_qna .answer li {font-size:16px; color:#999; letter-spacing:-1px;}

  /* 소개자료 다운 */
  .area_leaddown {margin:0; padding: 0 6%;}
  .area_leaddown .box {padding:30px 0 35px; border-radius:15px; text-align:center; flex-direction:column; align-items:center;}
  .area_leaddown .box .t {font-size:20px;}
  .area_leaddown .box .wrap .link {margin-top:18px;}
  .area_leaddown .box .wrap {gap:0; align-items: center;  margin-left:0;}
  .area_leaddown .lead_down {display:none;}

  /* TABLE */
	.tb_type1 th, .tb_type1 td {padding: 5px; font-size: 14px;}
	.tb_type1 .ic_com.star {display: none;}
	.tb_type1 tbody th.depth {font-size: 16px;}
	.tb_type1 tbody th.depth2 {font-size: 14px;}
	.tb_type1 .ic.check {width: 6px; height: 12px;}
  .tb_type1 tbody th .tag_badge {margin-left:0; top:2px;}

  /* 아이콘 */
  .ic_double_arrow {margin:0 4px; position:relative; top:-13px;}
  .ic_overview {width:60px; height:60px; margin-top:18px;}
  .ic_overview.ic01 {background-position:-3px -105px;}
  .ic_overview.ic02 {background-position:-64px -105px;}
  .ic_overview.ic03 {background-position:-125px -105px;}
  .ic_overview.ic04 {background-position:-186px -105px;}
  .ic_overview.ic05 {background-position:-3px -291px;}
  .ic_overview.ic06 {background-position:-64px  -291px;}
  .ic_overview.ic07 {background-position:-125px -291px;}
  .ic_overview.ic08 {background-position:-186px -291px;}
  .ic_overview.ic09 {background-position:-415px -105px;}
  .ic_overview.ic10 {background-position:-476px -105px;}
  .ic_overview.ic11 {background-position:-537px -105px;}
  .ic_overview.ic12 {background-position:-598px -105px;}
  .ic_channel {width:48px; height:48px;}
  .ic_channel.ic01 {background-position:0 -67px;}
  .ic_channel.ic02 {background-position:-49px -67px;}
  .ic_channel.ic03 {background-position:-97px -67px;}
  .ic_channel.ic04 {background-position:-145px -67px;}
  .ic_app_small {top:36px; left:53px;}
  .ic_twinkle {width:24px; height: 24px; background: url(../images/main_new/ic_twinkle.svg) no-repeat -47px 0px}


  /* 멀티클래스 */
  br.m {display:block;}
  br.p {display:none;}
  em.m {display:none;}
  .link {font-size:15px; margin-top:18px; text-align:center; flex-direction:row; justify-content:center;}
  
  /* 중간배너 */
  .area_bn {margin:0 0 60px;}
  .area_bn .link_bn_pc {display:none;}
  .area_bn .link_bn_mo {display:block;}
  .area_bn .link_bn_mo a {display:flex; justify-content:center; border-radius: 6px;}

  /* 서브 페이지 case */
  /* 서브페이지 공통 */
  .features .area_detail {padding-top:30px;}
  .features .navbar a.item,
  .accounting .navbar a.item,
  .management .navbar a.item {padding:28px 10px; width:110px; height:120px;}
  .features .navbar a.item .item_text,
  .accounting .navbar a.item .item_text,
  .management .navbar a.item .item_text {margin-top:8px; font-size:16px; font-weight:400;}

  /* 그룹웨어 */
  .features .area_visual {height:730px;}
  .features .area_visual .visual {margin-top:0;}
  .features .list_func .item:first-child {padding-top:80px;}
  .features .list_func .item.wide1 {padding-top:60px; padding-bottom:40px;}
  .features .list_func .item.wide2 {padding-top:60px; padding-bottom:0;}
  .features .list_func .item.wide3 {padding-top:60px; padding-bottom:60px;}
  .features .list_func .item:nth-child(4),
  .features .list_func .item:nth-child(9),
  .features .list_func .item:nth-child(14) {padding-top:100px; padding-bottom:60px;}
  .features .list_func .item:last-child {padding-top:100px;}

  /* 경리회계 */
  .accounting .area_visual {height:82%;}
  .accounting .list_func .item:first-child {padding-bottom:0;}
  .accounting .list_func .item.wide2 {padding-top:100px; padding-bottom:80px;}
  .accounting .list_func .item:last-child {padding-top:100px; padding-bottom:80px;}
  .accounting .area_vs .tb_type1 {margin-top:60px;}
  .accounting .area_point .box .item.first .title,
  .accounting .area_point .box .item.fourth .title {text-align:center;}
  .accounting .area_point .cont_intro .box .item.second,
  .accounting .area_point .cont_intro .box .item.third {padding:0; margin-bottom:20px;}
  .accounting .area_point .box .item img {width:100%;}
  .accounting .area_point .box .item.first {height:auto; gap:20px;}
  .accounting .area_point .box .item.first img {margin:10px 0 0;}
  .accounting .area_point .box .item.fourth {height:auto; gap:0;}
  .accounting .area_point .box .item.fourth img,
  .accounting .area_point .box.center .item_thumb {margin:30px 0 0;}
  .accounting .area_point .box .item.first .item_cont,
  .accounting .area_point .box .item.fourth .item_cont,
  .accounting .area_point .box .item.first .item_cont,
  .accounting .area_point .box .item.fourth .item_cont {padding:0;}

  /* 경영지원 */
  .management .list_func .item:first-child {padding-bottom:0;}
  .management .list_func .item.second {padding-top:40px;}
  .management .list_func .item:last-child {padding-top:100px; padding-bottom:80px;}
  .management .area_point {padding-bottom:60px;}
  .management .area_point .cont_intro {max-width:90%; margin:20px auto 0;}
  .management .area_point .box .item.first {flex-direction:column; padding-top:40px; padding-bottom:0; gap:0;}
  .management .area_point .box .item.first img {margin:20px 0 0; width:90%;}
  .management .area_point .box .item.first .title {text-align:center;}
  .management .area_point .box .item.first .item_cont {padding:0;}
  .management .area_point .box .item.first .item_thumb {margin:0;}
  .management .area_point .box .item img {width:100%;}
  .management .area_point .box .item .item_thumb {display:flex; justify-content:center; margin-top:0;}

  /* 경리회계, 경영지원 공통 */
  .accounting .area_video,
  .management .area_video {padding-top:20px; padding-bottom:20px;}
  .accounting .area_video .inner_box.pc,
  .management .area_video .inner_box.pc {display:none;}
  .accounting .area_video .inner_box.mobile,
  .management .area_video .inner_box.mobile {display:block;}

  /* smb */
  .smb .area_wide .btn_wrap a {font-size:18px;}

  /* 영상 */
  .intro_video {width:350px; margin:20px auto 0;}
  .intro_video .video_mo {display:block; border-radius:20px;}
  .intro_video .video_pc {display:none;}

  /* 서브 하단 영역 */
  /* 필수 체크 */
  .hotissue {padding:100px 0 46px;}
  .hotissue .title {margin-bottom:50px;}
  .hotissue .sub {font-size: 16px; margin-bottom: 14px; gap: 6px;}
  .hotissue .wrap_issue {flex-direction: column;}
  .hotissue .col1{width:100%; align-items: center;}
  .hotissue .col2 {width:100%;}
  .hotissue .box {width: 80%; height: 340px; flex-direction: column; justify-content: space-between; padding:40px 0 0; align-items: center; border-radius: 30px; text-align:center;}
  .hotissue .wrap_tit {text-align:center;}
  .hotissue .box .t {font-size: 20px; line-height: 30px; text-align: center; margin:12px 0 20px;}
  .hotissue .label {font-size:12px;}
  .hotissue .link {font-size:15px; justify-content: center; margin-top:24px;}
  .hotissue .b1 .wrap_tit {margin:0;}
  .hotissue .b1 .wrap_img {margin-top:0; text-align:center; margin-bottom:20px;}
  .hotissue .b1 .wrap_img img {width:70%;}
  .hotissue .b2 .wrap_img {margin-top:0; text-align:center;}
  .hotissue .b2 .wrap_img img {width:70%;}
  .hotissue .b3 {margin: 0 auto;}
  .hotissue .b3 .wrap_img img {width:60%;}
  .hotissue .col2 .box {height:400px;}
  .hotissue .col2 .box .wrap_img {margin:20px 0 0;}

  /* 고객사 */
  .company-list {padding:40px 0 100px;}
  .company-list .title {font-size:24px; line-height:33px; margin-bottom:18px;}
  .company-list .link {font-size:15px; margin-bottom:48px;}
  .company-list .container_wrap.pc {display:none;}
  .company-list .container_wrap.mobile {display:flex;}
  .company-list .container_wrap .marquee_container {height:45px;}
  .company-list .container_wrap .marquee_container .marquee_inner {gap:24px;}
  .company-list .container_wrap .marquee_container .marquee_inner .wrap {gap:24px;}
  .company-list.pdb {padding:40px 0 30px;}

  /*고객사례*/
  .case2 .items_video img {width:100%}
  .case2 .area_case .items {gap:20px; flex-direction: column; align-items: center;}
  .case2 .area_case .item {width:100%}
  .case2 .area_case .item .cont {padding: 20px 40px 40px}
  .case2 .area_case .item .logo {display: none;}
  .case2 .area_case .item .desc {font-size: 16px;}
  .case2 .area_case .item .company {margin-top:0}
  .case2 .area_case .item .more {bottom: 36px}
  .case2 .area_case .item_case {width: 100%;}
  .case_story .area_visual {padding: 0 4%}
  .case_story .area_visual .inner {height:340px; background-size:cover!important; border-radius:30px; padding: 0 8%}
  .case_story .area_visual .tit {padding:32px 0 0 0}
  .case_story .area_visual h1 {font-size: 32px;}
  .case_story .area_visual .company {font-size:18px}
  .case_story .area_visual .link_back {font-size:14px}
  .case_story .area_interview {padding-top:40px}
  .case_story .area_interview .inner_flex {flex-direction: column; gap:60px}
  .case_story .area_interview .col1,
  .case_story .area_interview .col2,
  .case_story .area_interview .meta {width: 100%}
  .case_story .area_interview .col1 {border-bottom: 1px solid #f1f1f1;padding-bottom: 60px;}
  .case_story .area_interview .col1 .wrap_btn {justify-content: center;}
  .case_story .area_interview .logo img {width: 50%}
  .case_story .area_interview .meta {margin-top:12px; max-width:100%}
  .case_story .area_interview .qna .question {font-size:28px}
  .case_story .area_interview .btn_wrap2 {margin-top: 80px}
  .case_story .area_interview .link_detail {width:inherit}
  .case_story .video {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
  .case_story .video iframe,
  .case_story .video object,
  .case_story .video embed {position:absolute; top:0; left:0; width:100%; height:100%;}

  .teams .area_visual img,
  .teams .area_kpi img {width:95%}
  .teams .area_visual {height: inherit}
  .teams .area_visual .visual {width:96%; height: inherit }
  .teams .area_kpi .inner_flex {flex-wrap: nowrap; flex-direction: column;}
  .teams .area_kpi .kpi {margin-top:40px; text-align:center; }
  .teams .area_kpi .kpi img {width:70%}
  .teams .area_contents .items {flex-direction: column; flex-direction: column; gap:30px}
  .teams .area_contents .item_case {max-width:96%}
  .teams .area_other .inner_flex {flex-wrap: nowrap; overflow-x: auto;  padding-bottom: 8px; justify-content:inherit}
  .teams .area_other .item_other .tit {font-size:20px}
  .teams .area_other .item_other .thumb {min-width:200px}
  .teams .list_func .item:first-child {padding-top:80px}
  .teams .list_func .item:last-child {padding-bottom:0}

  .content_head h2, .content_head h3, .content_body h2, .content_body h3, .welfare .area_cont h2 {font-size:28px;}

  /*복지서비스*/

  .welfare .emoji {display: block; width: 50px; height: 50px; background-size: 200px;}
  .welfare .emoji.e01 {background-position: -10px 0}
  .welfare .emoji.e02 {background-position: -60px 0}
  .welfare .emoji.e03 {background-position: -110px 0}
  .welfare .emoji.e04 {background-position: -160px 0}
  .welfare .ic_de02 {width:50px; height:50px; background-size:100px;} 
  .welfare .ic_de02.ic01 {background-position: 3px 2px;}
  .welfare .ic_de02.ic02 {background-position: -53px 4px;}
  .welfare .area_worry {padding-top: 70px}
  .welfare .area_worry .list_box {margin-top:32px; padding-left:16px}
  .welfare .area_worry .item {padding:24px; font-size:16px; flex: 0 0 160px; text-align:left}
  .welfare .area_worry .item .emoji {position:relative; top:inherit; left:inherit; margin:0}
  .welfare .area_worry .area_body {overflow-x: auto}
  .welfare .area_last .overline {font-size:18px;}
  .welfare.snack .lineup img {width:100%;}

  .welfare.coffee .inner {width:auto;}
  .welfare.coffee .lineup {flex-direction:column; margin:40px auto 0;}
  .welfare.coffee .lineup .tit {font-size:20px;}
  .welfare.coffee .lineup img {width: 100%;}
  .welfare.coffee .lineup .item .cont {padding:30px;}
  .welfare.coffee .area_lineup {padding:20px 0;}
  .welfare.coffee .area_calculator .wrap_noti {width:auto;}
  .welfare.coffee .area_calculator .wrap_item {width:auto; margin:0;}
  .welfare.coffee .area_advantage .cont_box {flex-direction:column; margin:60px auto 0; padding:40px 0 50px;}
  .welfare.coffee .area_advantage .cont_box .item .tit {margin:0 0 10px 0; font-size:18px;}
  .welfare.coffee .area_advantage .cont_box .item .txt {font-size:16px;}
  .welfare.coffee .area_review {padding:40px 0 0;}
  .welfare.coffee .area_review .cont_box .item {width:auto;}
  .welfare.coffee .area_review .cont_box {margin:40px auto 0;}
  .welfare.coffee .area_review .cont_box .item .txt {font-size:15px;}
  .welfare.coffee .area_info .thumb img {width:100%; height:230px;}
  .welfare.coffee .list_event .item.full {height:480px;} 
  .welfare.coffee .list_event .item {padding:20px 0 0;}
  .welfare.coffee .list_event .item .cont {margin-top:30px;}
  .welfare.coffee .list_event .info {flex-direction:column;}
  .welfare.coffee .list_event .info p {font-size:16px;}
  .welfare.coffee .list_event .item .thumb {height:134px; background:url(../images/welfare/coffee/bn_img_mo.png) no-repeat; margin:0; margin-bottom:40px;}
  .welfare.coffee .list_event .tit {font-size:24px; margin-top:0;}
  .welfare.coffee .list_event .txt {font-size:14px; color:#888; margin:20px 0 14px 0;}
  .welfare.coffee .list_event .item .cont p .bold {margin-right:10px;}
  .welfare.coffee .company-list {padding:50px 0 40px;}
  .welfare.coffee .modal-content {width:100%; min-width:260px;}
  .welfare.coffee .modal-content .list_icon ul {flex-direction:column;}
  .welfare.coffee .wrap_noti {width:auto;}
  .welfare.coffee .desc_txt {margin-top:10px;}
  .welfare.coffee .ic_coffee.ic11 {left:150px;}
  .welfare.coffee .ic_coffee.ic12 {right:158px;}
  .welfare.coffee .area_advantage .cont_box {gap:4vh;}
  .welfare.coffee .area_advantage .cont_box .item {margin:0 auto;}

  .welfare .step_type1 .item .tit {font-size:18px;}
  .welfare .step_type1 .ic_chevron_r01 {margin-top:0px;}
  .welfare .ic_chevron_r01 {width:26px; height:16px; background:url('../images/welfare/coffee/ic_chevron_bottom.png');}


  .mcoupon .area_info .info01 {height:230px; border-radius:0}
  .mcoupon .area_info .info01 h2 {position:relative; }
  .mcoupon .info02 {margin-top:44px;}
  .mcoupon .info02 .area_head .desc {font-size:18px; line-height: 1.4}
  .mcoupon .info02 .list_item {margin-top:36px; width: 100%; gap: 12px;}
  .mcoupon .info02 .item {display:block; padding:27px 12px;}
  .mcoupon .info02 .item .thumb {display:none}
  .mcoupon .info02 .item p {text-align:center}
  .mcoupon .info02 .item p.overline {font-size:15px;}
  .mcoupon .info03 {margin-top:60px}
  .mcoupon .info03 .item {margin-top:32px; flex-direction: column; width:92%; padding: 20px; border-width: 1px; gap:0}
  .mcoupon .info03 .item .bar {display:none}
  .mcoupon .info03 .item .cont {text-align:center}
  .mcoupon .info03 .item p.txt {margin-top:8px; font-size:14px}
  .mcoupon .system .list_item {flex-direction: column; margin-top: 32px; align-items: center; gap:18px}
  .mcoupon .system .item { width:92%; padding:24px; flex-direction: column; text-align:center; gap:10px; }
  .mcoupon .info02 .item p.txt,
  .mcoupon .info03 .item p.tit,
  .mcoupon .info03 .item p.tit,
  .mcoupon .system .item .overline,
  .mcoupon .howto .item .step {font-size:16px;}
  .mcoupon .system .item .txt,
  .mcoupon .howto .item .tit {font-size:20px;}
  .mcoupon .area_brand .list_item {flex-direction: column;}
  .mcoupon .area_brand .item .tit {padding:10px; font-size:18px}
  .mcoupon .howto {margin-top:80px}
  .mcoupon .howto .overline {font-size:18px;}
  .welfare .step_type1,
  .mcoupon .howto .list_item {margin-top:32px; width:92%;flex-direction: column; align-items: center; text-align: center; padding:24px; gap:16px}
  .mcoupon .howto .item .txt {margin-top:6px; font-size:16px;}
  .mcoupon .howto .ic_chevron_r01 {margin-top:0; width:24px; height:24px; transform: rotate( 90deg ); background-size:24px;}
  .mcoupon .area_last .overline {font-size:18px;}


  .welfare .list_event .item {width: 100%; padding: 32px 10px 0; text-align: center;}
  .welfare .list_event .item_wrap .item,
  .welfare .list_event .item.full {height: 310px; flex-direction: column;}
  .welfare .list_event .label {font-size: 12px;}
  .welfare .list_event .tit {font-size: 20px;}

  .welfare.snack .step_type1 {width: 100%;}
  .welfare.snack .lineup {flex-direction: column; gap: 30px;}
  .welfare .list_event .item_wrap {flex-direction: column;}
  .welfare.snack .list_event .desc {font-size:14px; color:#999;}
  .welfare.snack .area_point .thumb img {width: 100%;}
  .welfare.snack .modal-content {width: 100%; min-width: 260px;}
  .welfare.snack .area_point .list_item {gap:40px 0}
  .welfare.snack .area_point .item {flex-direction: column; gap: 24px}
  .welfare.snack .area_point .tit {font-size: 18px; text-align: center}
  .welfare.snack .area_point .label {font-size: 16px; text-align: center;}
  .welfare.snack .area_point .item:last-child .thumb {flex-direction: column;}
  .welfare.snack .area_point .item:last-child .thumb img {width: 100%;}
  .welfare.snack .area_info .item {flex:100%}
  .welfare.snack .area_point .list_item,
  .welfare.snack .area_info .thumb img,
  .welfare.snack .area_point .item:last-child .thumb {width: 100%;}
  .welfare.snack .area_info .tit {font-size: 16px; text-align: center;}
  .welfare.snack .list_event .i01 .thumb {width: 100%;  height: 100%; background-size: contain; background: url(../images/welfare/snack/img02_mo.png) bottom center no-repeat; background-size: contain}
  .welfare.snack .list_event .i02 .thumb {width: 100%;  height: 100%; background-size: contain; background: url(../images/welfare/snack/img03_mo.png) bottom center no-repeat;}
  .welfare.snack .list_event .i03 .thumb {width: 100%;  height: 100%; background-size: contain; background: url(../images/welfare/snack/img04_mo.png) bottom center no-repeat;}
  .welfare.snack .modal-content .thumb {height: 230px;;}
  .welfare.snack .lineup .overline {font-size: 16px;}
  .welfare.snack .lineup .tit {font-size: 24px;}
  .welfare.snack .modal-content table th, 
  .welfare.snack .modal-content table td {padding:4px 8px; font-size:14px}
  .welfare.snack .lineup .table_wrap {overflow-x: auto;}
  .welfare.snack .modal-content .thumb img {width: 200px;}
  .welfare.snack .modal-content .cont {padding:20px;}
  .welfare.snack .modal-content table {margin-top: 20px;}

  .welfare.coffee .ic_advantage {display:none;}
  .welfare.coffee .area_info .item {margin-top:30px;}
  .welfare.coffee .area_feature .tab_contents ul {flex-wrap:wrap;}

  .welfare.coffee .inner {padding:0 6%;}
  .welfare.coffee .area_info .list_item {flex-direction: column; margin:30px auto 0;}
  .welfare.coffee .area_info .tit {font-size:18px;}
  .welfare.coffee .tab_contents div.active {display:block;}
  .welfare.coffee .tab_contents > div {display:block;}
  .welfare.coffee .area_calculator .wrap_item {flex-direction: column;}
  .welfare.coffee .area_review .cont_box {flex-direction: column;}

  .welfare.coffee .lineup .overline {font-size:16px;}
  .welfare.coffee .lineup .tit {font-size:20px;}
  .welfare.coffee .modal-content .price {font-size:20px;}
  .welfare.coffee .modal-content table th, 
  .welfare.coffee .modal-content table td {padding:4px 8px; font-size:14px;}
  .welfare.coffee .lineup .table_wrap {overflow-x:auto;}
  .welfare.coffee .modal-content .cont {padding:30px;}
  .welfare.coffee .modal-content table {margin-top:20px;}
  .welfare.coffee .ic_advantage {display:none;}
  .welfare.coffee .modal-content .list_icon ul li .tit {font-size:15px; margin-bottom:4px;}
  .welfare.coffee .area_info .item {margin-top:30px;}
  .welfare.coffee .area_feature .tab_contents ul {flex-wrap:wrap;}
  .welfare.coffee .modal-content .list_icon ul:first-child {margin:0;}
  .welfare.coffee .modal-content .list_icon ul li {margin-bottom:30px;}

  /* 결합상품 */
  .price_ver2 .area_additional .area_box {margin-top:50px;}
  .price_ver2 .item_cont .list_func {padding:30px 40px 50px; flex-direction:column; margin-bottom:30px;}
  .price_ver2 .txt_item table {width:auto;}
  .price_ver2 .txt_item table th, .txt_item table td {padding:10px 15px;}
  .price_ver2 .item_cont .list_func .tit_wrap .tt {font-size:22px;}
  .price_ver2 .item_cont .txt {font-size:18px;}
  .price_ver2 .item_cont .list_func .desc {font-size:16px; margin-top:10px;;}
  .price_ver2 .txt_item table th {font-size:15px;}
  .price_ver2 .txt_item {margin-top:40px;}
  .price_ver2 .item_cont .btn_box {margin:0;}
  .price_ver2 .tit_wrap .ic_add.ic01 {background-position:-8px -7px;}
  .price_ver2 .tit_wrap .ic_add.ic01 {background-position:-51px -7px;}
  .price_ver2 .tit_wrap .ic_add.ic03 {background-position:-94px -7px;}
  
  .price_ver2 .tit_wrap .ic_add {width:25px; height:25px; position:relative; top:3px;}
  .price_ver2 .txt_item table tr {font-size:15px;}
  .price_ver2 .txt_item .desc {font-size:14px;}

  .education .area_point .cont_intro .item img {width: 100%;}
  .education .area_point .item.i01 .item_cont {padding:40px 10px 0 ; text-align: center;}
  .education .area_info .box {flex-wrap: wrap; padding: 60px 12px; }
  .education .area_info .wrap_list {margin-top: 12px; padding:12px; border:none; }
  .education .area_edu .tab_contents {padding:40px;}
  .education .tab_contents img {display: none;}
  .education .area_edu h3 {font-size: 21px;}
  .education .area_edu .list_dot .tit,
  .education .area_edu .list_dot .txt {font-size: 16px;}
  .education .area_event img {width: 100%;}

  /* 직무교육 */
  .content.job_training{padding:0 6% !important;}
  .job_training .inner,
  .job_training .area_point .item.i01 .item_cont {padding: 0;}
  .job_training .area_point .cont_intro .box .item.i01 {padding: 40px 40px 0 40px;}
  .job_training .area_point .cont_intro {max-width: 100%;}
  .job_training .area_edu .tab_contents {padding: 40px !important;}
  .job_training .area_edu .tab_contents img {display: none;}
  .job_training .area_cont.bg_gray_br {padding: 40px !important;}
  .job_training .area_cont.area_edu .tab_default, .tab_contents{display: none !important;}
  .job_training .area_visual {padding-top: 80px !important;}
  .job_training .area_cont{padding-top: 100px !important;}
  .job_training .area_edu, .job_training .area_last {padding: 100px 0 !important;}
  .job_training .card.section, .job_training .lecture .tab_content {margin: 40px 0 0; align-items: flex-start; gap: 12px; row-gap: 24px;}
  .job_training .card.section .card.contents{width: calc(50% - 6px);}
  .job_training .card.section .card.contents img {width: 100%; height: auto;}
  .job_training .area_cont.area_info {display: none;}
  .job_training .area_cont.area_promotion.lecture .tabs,
  .job_training .area_cont.area_promotion.lecture .tab_content{display: none;}
  .job_training .area_point .item .item_cont {padding-top: 0;}
  .job_training .area_point .cont_intro .box .item {padding-bottom: 0;}
  .job_training .area_promotion .card.contents .contents-title {font-size: 8px;}
  .job_training .area_point .cont_intro .box .item.i01 {align-items: flex-end;}
  .job_training .area_point .cont_intro .box .item.i01 .view_mo {height: auto; width: clamp(248px, 80vw, 272px); aspect-ratio: 272 / 218; object-fit: contain; margin-right: -40px;}
  .job_training .area_cont.area_promotion .item_thumb .view_mo{margin: 40px auto 0; height: auto; width: clamp(272px, 80vw, 100%);}

  /* ai */
  .ai .area_point .cont_intro.first .box .item,
  .ai .area_point .cont_intro.second .box .item {width: auto !important; flex: 1 1 auto !important; min-width: 0 !important; max-width: none !important;}
  .ai .area_cont .box img.pc {display:none;}
  .ai .area_cont .box img.mo {display:block; margin:0 auto;}
  .ai .area_point .cont_intro .box .item.third.doc-search-box {flex-direction: column !important;}
  .ai .area_visual {height:auto;}
  .ai .list_func .item:first-child {padding-bottom:0;}
  .ai .list_func .item.second {padding-top:40px;}
  .ai .list_func .item:last-child {padding-top:100px; padding-bottom:80px;}
  .ai .area_point {padding-bottom:0;}
  .ai .area_point .cont_intro {max-width:90%; margin:20px auto 0;}
  .ai .area_point .box .item.first {flex-direction:column; padding-top:40px; padding-bottom:0; gap:0;}
  .ai .area_point .box .item.first .title {text-align:center;}
  .ai .area_point .box .item.first .item_cont {padding:0;}
  .ai .area_point .box .item.first .item_thumb {margin:0;}
  .ai .area_point .box .item .item_thumb {display:flex; justify-content:center; margin-top:0;}
  .ai .area_point .box.center .item.first img,
  .ai .area_point .box.center .item.second img {margin:0; display:none !important;}
  .ai .area_point .box .item.third .item_thumb img {margin:0; display:none !important;}
  .ai .area_point .cont_intro.fifth .box .item.third .item_thumb img { display:none text-align: center;}
  .ai .area_point .cont_intro.first .box .item.second .item_thumb {margin:10px 45px 30px 45px;}
  .ai .area_point .cont_intro.first .box .item.third .item_thumb {margin:0 45px 50px 45px;}
  .ai .area_point .cont_intro.sixth .box.center .item .item_thumb {width:70%; margin:40px 0 0 0;}
  .ai .area_point .cont_intro.second .box .item .item_thumb img {display:none;}
  .ai .area_point .cont_intro.second .box .item.second {padding:40px 100px 0 100px;}
  .ai .area_point .cont_intro.fourth .box .item {padding:40px 0 40px 0;}
  .ai .area_point .cont_intro.fifth .box .item {padding:40px 80px 40px 80px !important;}
  .ai .area_point .cont_intro.seventh .box .item {width:auto;}
  .ai .area_point .cont_intro.eight .box .item .item_thumb {width: auto !important; display: none;}
  .ai .area_point .cont_intro.first .box .item,
  .ai .area_point .cont_intro.first .box .item.thir,
  .ai .area_point .cont_intro.second .box .item.first,
  .ai .area_point .cont_intro.second .box .item,
  .ai .area_point .cont_intro.third .box .item.first,
  .ai .area_point .cont_intro.third .box .item,
  .ai .area_point .cont_intro.third .box .item.third,
  .ai .area_box .cont_intro .box .item,
  .ai .area_point .cont_intro.fifth .box .item.first,
  .ai .area_point .cont_intro.first .box .item.third,
  .ai .area_point .cont_intro.fifth .box .item.second{width:auto;}
  .ai .area_point .cont_intro.first .box .item.first {align-items:center; padding:40px 80px 0 80px;}
  .ai .area_point .cont_intro.first .box .item.second {flex-direction:column; padding:40px 95px 0 95px;}
  .ai .area_point .cont_intro.first .box .item.third {padding:50px 0px 0 0; gap:4vh;}
  .ai .area_point .cont_intro.second .box .item.third,
  .ai .area_point .cont_intro.third .box .item.second {padding:40px 80px 0px 80px;}
  .ai .area_point .cont_intro.second .box .item.first {padding:40px 70px 0px 70px;}
  .ai .area_point .cont_intro.third .box .item.third {padding:40px 50px 0 50px;}
  .ai .area_point .cont_intro.third .box .item.first {padding:20px 0 0 0;}
  .ai .area_point .cont_intro .item .item_cont {text-align:center;}
  .ai .area_point .cont_intro.fifth .box .item.third {gap:0;}
  .ai .area_point .cont_intro.first .box .item,
  .ai .area_point .cont_intro.second .box .item {width: auto !important;}

  /* AI 배너 영역 */ 
  .ai .area_banner {max-width:90%;}
  .ai .area_banner .box {border-radius:15px; flex-direction:column;}
  .ai .area_banner .box .wrap {padding:25px 0 25px 34px;}
  .ai .area_banner .box .wrap .tag {padding: 2px 8px; font-size: 12px;}
  .ai .area_banner .box .wrap h4 {font-size: 20px; margin: 7px 0 9px 0;}
  .ai .area_banner .box .wrap p {font-size: 12px;}
  .ai .area_banner .box .link {justify-content:left;}
  .ai .area_banner .box .img {display:none;}
 }


@media all and (min-width:960px) {
  .navbar.sticky {position:fixed; top:79px; left: 0px; width: 100%; height: 70px; z-index:2; background: rgb(255 255 255 / 80%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-top: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box;}
  .navbar.sticky .wrap_navbar {margin-top: 0}
	.navbar.sticky .anchors {margin:0 auto;}
	.navbar.sticky .anchors a {margin:0; padding: 16px 0 0 0; background: transparent; border:none; color: #fff; font-weight: 500; box-sizing: border-box; position: relative;}
  .navbar.sticky .anchors a:hover {box-shadow:none; border-bottom:3px solid #52D2D8;}
  .navbar.sticky .anchors a.item .item_text {margin-top: 0}
	.navbar.sticky .anchors a.active {border-bottom:3px solid #52D2D8;}
	.navbar.sticky .anchors a.active .item_text  {color:#333; font-weight:500; font-size:18px;}
	.navbar.sticky .item + .item {margin-left:16px;}
	.navbar.sticky .item .ic_app {display:none;}
	.navbar.sticky .item .item_text {color:#999; font-size:16px;}
  .navbar.sticky .item .item_text:hover {color:#333;}

  .accounting .navbar.sticky .item + .item {margin-left:24px;}
  .management .navbar.sticky .item + .item {margin-left:26px;}

	.features .navbar.sticky .item,
  .accounting .navbar.sticky .item,
  .management .navbar.sticky .item {width:auto; height:68px; padding:22px 0 0;}

  .features .navbar.sticky .item .bedge,
  .accounting .navbar.sticky .item .bedge,
  .management .navbar.sticky .item .bedge {display:none}

  .features_approval .area_visual .visual img {width:100%; max-width:1066px;}
  .features_approval .list_func .inner_flex > div {width: 50%; box-sizing:border-box;}
  .features_approval .list_func .item_thumb img {width:580px}
}

/* ipad air */
@media all and (max-width:820px){.area_visual {height:73%;}} 
/* ipad mini */
@media all and (max-width:768px){.area_visual {height:82%;}} 
/* galaxy S20 ultra */ 
@media all and (max-width:412px){.area_visual {height:75%;}}
/* iphone XR */
@media all and (max-width:414px){.area_visual {height:76%;}}
/* iphone 12 pro */
@media all and (max-width:390px){.area_visual {height:80%;}}
/* iphone SE */
@media all and (max-width:375px){.area_visual {height:100%;} .contract .area_visual .btn_wrap a {width:100%;}}
/* galaxy S8+ */ 
@media all and (max-width:360px){.area_visual {height:90%;}}
/* galaxy fold */
@media all and (max-width:280px){
  .area_visual {height:107%;}
  .link_bn_mo img {width:100%;}
  .area_cont .item_cont li:nth-child(1) {padding:24px 0 26px 20px;}
  .area_cont .item_cont li:nth-child(1) div {top:20px;}
  .contract .area_event .view_mo img {width:100%;}
}
@media all and (max-width:320px){
  .btn_major, .btn_minor, .btn_general, .btn_ghost {min-width: inherit; width: 100%; padding: 0;}
}
@media all and (max-width: 768px) {
    .ai .area_cont .area_info .inner {
      display: none;
    }
  
    .ai .area_cont .ai-mobile {
      display: block;
      background-color: #edf6fd;
      padding: 24px 16px;
      border-radius: 20px;
      text-align: center;
      font-size: 18px;
      font-weight: 600;
      line-height: 1.6;
      color: #222;
      max-width: 320px;
      margin: 24px auto;
    }
}