@charset "UTF-8";

button {font-family: 'Noto Sans KR';}

/*** COMMON ***/

/* 랜딩페이지 PC */
.landing .landing_pc{display: block; }
.landing .landing_mo{display: none; }
.area_edm {text-align: center}
.area_edm img {display: block; margin:0 auto}

/* 무료체험 CTA 버튼 css 시작 */
.cta-btn {
  position: relative;
  overflow: hidden;
}

.cta-btn .cta-btn-content {
  position: absolute;
  left: 0%;
  animation: ctaBtnAnimation infinite linear 4s;
  width: 100px;
}

.cta-btn .cta-btn-content:nth-child(2) {
  animation-delay: -1.32s;
}

.cta-btn .cta-btn-content:nth-child(3) {
  animation-delay: -2.64s;
}

@keyframes ctaBtnAnimation {
  0% {
    left: 100%;
  }
  100% {
    left: -110%;
  }
}
/* 무료체험 CTA 버튼 css 종료 */

/* 중간배너 */
.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;}

/* 플로팅 버튼 */
.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;}
.dropdown .dropdown_list .ic_freepc {}
.dropdown .dropdown_list .ic_percent {width:80px; height:30px; background: url('../images/ic_percent.png') 0 0 no-repeat; display:inline-block;}
/* 플로팅 버튼 끝 */

/* ICON */
.ic_dot {display: inline-block; width:8px; height: 8px; background: #FF4F4F; border-radius: 50%; }
.ic_dot.mint {display: inline-block; width: 6px; height: 6px; background: #1FBCC5; border-radius: 50%;}
.ic.check {display: inline-block; height: 20px; width: 11px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); border: 2px solid #3851E7; border-width: 2px 0 0 2px;}
.ic_com.star {display:  inline-block; width: 24px; height: 21px; background-position:-100px -606px}
.ic_com.quotes_s {display: block; width: 24px; height: 24px; background-position:0 -400px}
.ic_com.quotes_c {display: block; width: 24px; height: 24px; background-position:-77px -400px}
.ic_com.arrow_pre {display: block; width: 44px; height: 80px; background-position:-300px -200px}
.ic_com.arrow_next {display: block; width: 44px; height: 80px; background-position:-400px -200px}
.ic_com.link {display: block; width: 32px; height: 32px; background-color: #ECECEC; background-position:0 -500px; border-radius: 50%}
.ic_com.ic_link {display: inline-block; margin-left: 4px; width: 24px; height: 24px; background-position: -4px -503px;  border-radius: 50%; box-sizing: border-box; vertical-align: bottom;}
.ic_com.ic_link03 {display: inline-block; width: 18px; height: 12px; background-position: 0 -704px;}
.ic_com.ic_depth {display: inline-block; width: 16px; height: 24px; background-position: -200px -293px; vertical-align:bottom }
.ic_com.ic_clock {display:  inline-block; width: 24px; height: 24px; background-position:-400px -600px; vertical-align: text-bottom;}

.ic_overview {display: block; margin:0 auto; width: 80px; height: 80px; border-radius: 50%; background: #F4F5F7 url('../images/ic_overview.svg') no-repeat;}
.ic_overview.ic01 {background-position: 25px 15px;}/*video_con*/
.ic_overview.ic02 {background-position:-80px 20px;}
.ic_overview.ic03 {background-position:-277px -81px;}
.ic_overview.ic04 {background-position:-277px 21px;}
.ic_overview.ic05 {background-position: 20px -80px;} /*video_con*/
.ic_overview.ic06 {background-position: -81px -76px;}
.ic_overview.ic07 {background-position: -181px -67px;}
.ic_overview.ic08 {background-position: -277px -80px;}
.ic_overview.ic09 {background-position: 14px -180px;}/*52weeks*/
.ic_overview.ic10 {background-position: -80px -180px;}
.ic_overview.ic11 {background-position: -178px -180px;}
.ic_overview.ic12 {background-position: -280px -177px;}
.ic_overview.ic13 {background-position: 19px -378px}/*accounting*/
.ic_overview.ic14 {background-position: -76px -380px}
.ic_overview.ic15 {background-position: -181px -384px}
.ic_overview.ic16 {background-position: -280px -380px}
.ic_overview.ic17 {background-position: 16px -475px;}/*management*/
.ic_overview.ic18 {background-position: -80px -475px;}
.ic_overview.ic19 {background-position: -181px -480px;}
.ic_overview.ic20 {background-position: -279px -380px;}
.ic_overview.ic21 {background-position: 20px -573px;}/*works*/
.ic_overview.ic22 {background-position: -78px -576px;}
.ic_overview.ic23 {background-position: -181px -576px;}
.ic_overview.ic24 {background-position: -280px -579px;}
.ic_overview.ic25 {background-position: 18px -680px;}/*telecommuting*/
.ic_overview.ic26 {background-position: -83px -676px;}
.ic_overview.ic27 {background-position: -179px -679px;}/*features*/
.ic_overview.ic28 {background-position: 20px -773px;}/*api*/
.ic_overview.ic29 {background-position: -78px -776px;}
.ic_overview.ic30 {background-position: -181px -776px;}
.ic_overview.ic31 {background-position: -280px -779px;}
.ic_overview.ic32 {background-position: 20px -879px;}/*landing_untact*/
.ic_overview.ic33 {background-position: -81px -880px;}
.ic_overview.ic34 {background-position: -181px -878px;}
.ic_overview.ic35 {background-position: -277px -878px;}
.ic_overview.ic36 {background-position: 20px -980px;}/*expense*/
.ic_overview.ic37 {background-position: -80px -980px;}
.ic_overview.ic38 {background-position: -180px -980px;}

.ic_overview_dk {display: block; width: 80px; height: 80px; border-radius: 50%; background: #555C6A url('../images/ic_overview_dark.svg') 0 0 no-repeat;}
.ic_overview_dk.ic01 {background-position: 0 0;}/*enterprise_feature*/
.ic_overview_dk.ic02 {background-position: -100px 0;}
.ic_overview_dk.ic03 {background-position: -200px 0;}
.ic_overview_dk.ic04 {background-position: -300px 0;}
.ic_overview_dk.ic05 {background-position: 0 -100px;}
.ic_overview_dk.ic06 {background-position: -100px -100px;}
.ic_overview_dk.ic07 {background-position: -197px -99px;}
.ic_overview_dk.ic08 {background-position: -300px -100px;}
.ic_overview_dk.ic09 {background-position: -0 -200px;}
.ic_overview_dk.ic10 {background-position: -100px -200px;}

.ic_app {display: block; margin: 0 auto; width: 48px; height: 48px; background: url('../images/ic_app.png') 0 0 no-repeat;}
.ic_app.mail {background-position: 6px 1px;}
.ic_app.approval {background-position:-92px 2px;}
.ic_app.works {background-position:-193px 4px;}
.ic_app.hr {background-position:-396px 4px;}
.ic_app.video_chat {background-position:-297px 0;}
.ic_app.mobile {background-position:-493px 4px;}
.ic_app.todo {background-position:-592px 0;}
.ic_app.report {background-position:-691px 0;}
.ic_app.contact {background-position:-793px 0;}
.ic_app.calendar {background-position:-891px 0;}
.ic_app.survey {background-position:5px -94px;}
.ic_app.asset {background-position:-91px -96px;}
.ic_app.docs {background-position:-191px -94px;}
.ic_app.board {background-position:-292px -99px;}
.ic_app.community {background-position:-393px -96px;}
.ic_app.security {background-position:-489px -100px;}
.ic_app.messenger {background-position:-599px -97px;}
.ic_app.folder {background-position:-694px -96px;}
.ic_app.home {background-position:-793px -97px;}
.ic_app.admin {background-position:-899px -98px;}
.ic_app_dk {display: block; margin: 0 auto; width: 60px; height: 60px; background: url('../images/ic_app_dk.svg') 0 0 no-repeat;}
.ic_app_dk.a01 {background-position: 0 0}
.ic_app_dk.a02 {background-position: -100px 0}
.ic_app_dk.a03 {background-position: -200px 0}
.ic_app_dk.a04 {background-position: -300px 0}
.ic_app_dk.a05 {background-position: -400px 0}
.ic_app_dk.a06 {background-position: -500px 0}
.ic_case {display: block; margin: 0 auto; width: 60px; height: 60px; background: url('../images/ic_case.png') 0 0 no-repeat;}
.ic_case.ic01 {background-position:3px 8px;}
.ic_case.ic02 {background-position:-94px 18px;}
.ic_case.ic03 {background-position:-198px 7px;}
.ic_case.ic04 {background-position:-295px 11px;}
.ic_case.ic05 {background-position:-396px 1px;}
.ic_case.ic06 {background-position:-497px 10px;}
.ic_case.ic07 {background-position:-587px 7px;}
.ic_case.ic08 {background-position:-692px 13px;}
.ic_case.ic09 {background-position:11px -90px;}
.ic_case.ic10 {background-position:-86px -93px;}
.ic_case.ic11 {background-position:-200px -90px;}
.ic_security {display: block; width:50px; height:50px; background: #333 url(../images/ic_security.png); vertical-align: top; border-radius: 16px;}
.ic_security.s01 { background-position: 10px -83px;}
.ic_security.s02 { background-position: -90px -86px;}
.ic_security.s03 { background-position: -188px -87px;}
.ic_security.s04 { background-position: -290px -83px;}
.ic_security.s05 { background-position: -386px -87px;}
.ic_security.s06 { background-position: -487px -85px;}
.ic_security2 {display: block; margin:0 auto; width:80px; height: 80px;  background: url(../images/security/ic_security_x2.png) -300px 0; background-size: 380px 80px;}
.ic_security2.s01 {background-position: 0 0;}
.ic_security2.s02 {background-position: -100px 0;}
.ic_security2.s03 {background-position: -200px 0;}
.ic_security2.s04 {background-position: -300px 0;}
.ic_security2_gy {display:block; width:80px; height:80px; background: url(../images/security/ic_security2_gy.svg) no-repeat;}
.ic_security2_gy.s01 {background-position: -303px -10px;}
.ic_security2_gy.s02 {background-position: -203px -10px;}
.ic_security2_gy.s03 {background-position: -3px -10px;}
.ic_security2_gy.s04 {background-position: -103px -10px;}

.ic_security2_blue {display:block; width:90px; height:90px; background: url(../images/security/ic_security2_blue.svg) no-repeat;}
.ic_security2_blue.b01 {background-position: -7px -5px;}
.ic_security2_blue.b02 {background-position: -7px -105px;}
.ic_security2_blue.b03 {background-position: -7px -205px;}
.ic_security2_blue.b04 {background-position: -107px -5px;}
.ic_security2_blue.b05 {background-position: -107px -105px;}
.ic_security2_blue.b06 {background-position: -107px -205px;}

.ic_security2_cd {display:block; width:80px; height:80px; margin:0 auto; background: url(../images/security/ic_cloud_process.svg) no-repeat;}
.ic_security2_cd.c01 {background-position: 3px -5px;}
.ic_security2_cd.c02 {background-position: -80px -2px;}
.ic_security2_cd.c03 {background-position: -167px 3px;}
.ic_security2_cd.c04 {background-position: -254px 3px;}
.ic_security2_cd.c05 {background-position: -344px -2px;}
.ic_security2_cd.arrow {background-position: -437px -26px; width:51px; height:50px; margin-top:89px;}

.ic_info {display: block; width: 18px; height: 20px; background-position:-200px -600px}

.ic_account {display: block; width:50px; height:50px; background: transparent url(../images/ic_account.svg); vertical-align: top;}
.ic_account.m01 { background-position: 0 0;}
.ic_account.m02 { background-position: -90px 0;}
.ic_account.m03 { background-position: -196px 0;}
.ic_account.a01 { background-position: -290px -83px;}
.ic_account.a02 { background-position: -290px -83px;}
.ic_account.a03 { background-position: -290px -83px;}

.ic_step {position: relative; display: block; margin: 0 auto; width: 130px; height: 130px; border-radius: 50%; background: #F4F5F7 url('../images/ic_step.svg') no-repeat;}
.ic_step:after { content: ''; width: 26px; height: 26px; border-top: 1px solid #333;  border-right: 1px solid #333; display: inline-block; transform: rotate(45deg); position: absolute; top: calc(50% - 10px); left: 170px;}
.ic_step.ic01 {background-position: 47px 35px}/*enterprise*/
.ic_step.ic02 {background-position:-61px 40px;}
.ic_step.ic03 {background-position:-162px 38px;}
.ic_step.ic04 {background-position:-260px 40px;}
.ic_step.ic05 {background-position:-360px 40px;}
.ic_step.ic06 {background-position: 47px -60px}/*api*/
.ic_step.ic07 {background-position:-61px -60px;}
.ic_step.ic08 {background-position:-162px -60px;}

.ic_step.ic_ec {width: 100px; height: 100px; background: transparent url(../images/enterprise_connect/ic_ec.svg) no-repeat; vertical-align: top;}
.ic_step.ic_ec.i01 {background-position: 0 0}
.ic_step.ic_ec.i02 {background-position: -150px 0}
.ic_step.ic_ec.i03 {background-position: -300px 0}
.ic_step.ic_ec.i04 {background-position: -450px 0}

.ic_recommend {width:40px; height:40px; display:inline-block; text-indent:-1000em; background:url(../images/recommend/ic_recommend.svg);}
.ic_recommend.ic01 {background-position: -6px -5px;}
.ic_recommend.ic02 {background-position: -48px -6px;}
.ic_recommend.ic03 {background-position: -90px -5px;}
.ic_recommend.ic04 {background-position: -132px -5px;}
.ic_recommend.ic05 {background-position: -174px -6px;}
.ic_recommend.ic06 {background-position: -216px -5px;}
.ic_refresh {width:24px; height:24px; margin-right:4px; background:url(../images/recommend/ic_recommend.svg) -269px -26px; display:inline-block; position:relative; top:7px; transition: all .2s cubic-bezier(0.5,0.8,0.6,0.88);}

.ic_enfunc {display: inline-block; width:60px; height:56px; background: transparent url(../images/enterprise_function/ic_enfunc.svg) no-repeat; vertical-align:middle;}
.ic_enfunc.ic01 {background-position: 0 0;}
.ic_enfunc.ic02 {background-position: -100px 0;}
.ic_enfunc.ic03 {background-position: -200px 0;}

.ic_comingsoon {display:block; width: 100px; height: 45px;  text-align: center; margin: 0 auto 20px;  background: url('../images/ic_comingsoon.png') 0 0 no-repeat;}
.ic_free {display:block; position: absolute; top: 0; left: 0; width: 64px; height: 61px; background: url('../images/ic_free.png') 0 0 no-repeat;}


.bedge {padding: 0 8px; background: #333; font-size: 12px; color:#eee; text-align: center; box-sizing: border-box; border-radius: 10px; letter-spacing: 0; font-weight: 300 }
.mid {min-width: 180px; line-height: 46px; font-weight: normal; font-size: 15px;}
.bg_video01 {position: absolute; top:  0; left: 0;  background: rl('../images/case/bg_01.png') 17%  33px no-repeat}


/*tool_tip*/
.tooltip {position:relative; top:0px;}

.tooltip span.ic_info {
  cursor: pointer;
  display: inline-block;
  margin-left: 1px;
  letter-spacing: 0;
  vertical-align: middle;
}

.tooltip span.ic_info > span.tooltip_cont {
  z-index: 2;
  display: none;
  font-size: 13px;
  line-height: 1.6;
  white-space: normal;
}

.tooltip span.ic_info:hover > span {
  z-index: 100;
  display: block;
  position: absolute;
  top: -4px;
  left: 32px;
  background-color: #333;
  width: 285px;
  color: #ddd;
  word-break: normal;
  word-break: break-word;
  border-radius: 8px;
  padding: 12px;
  letter-spacing: -0.5px;
  font-weight: normal;
  text-indent: 0;
}

.tooltip span.ic_info:hover > span i {
  position: absolute;
  width: 0;
  height: 0;
  /*border-width: 10px 6px 10px 0;*/
}

.tooltip span.ic_info:hover > span i.tail_left {
  top: 8px;
  left: -8px;
  z-index: 2;
  border-right: 8px solid #333;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.tooltip span.ic_info:hover > span.right {
  display: block;
  position: absolute;
  top: 24px;
  left: -279px;
  background: #333;
  width: 285px;
  color: #ddd;
  border-radius: 8px;
  padding: 16px;
  font-weight: normal;a
  text-indent: 0;
  text-align: left;
}

.tooltip span.ic_info:hover > span.right i {
  top: -8px;
  right: 12px;
  z-index: 2;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #333;
}

.tooltip span.ic_info:hover > span.top {
  top: -88px;
  left: 32px;
  min-height: 110px;
}

/*content가 height100px이 넘어갈 경우 개별 지정 필요*/
.tooltip span.ic_info:hover > span.top i {
  top: 88px;
  left: -8px;
  z-index: 2;
  border-right: 8px solid #333;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.tooltip span.ic_info > span.right {
  z-index: 2;
  display: none;
  font-size: 13px;
  line-height: 1.6;
}

.tooltip span.ic_info:hover > span.right {
  display: block;
  position: absolute;
  top: 34px;
  left: -279px;
  background: #333;
  width: 285px;
  color: #ddd;
  border-radius: 8px;
  padding: 12px;
  font-weight: normal;
  text-indent: 0;
  z-index: 1;
}

.tooltip .tooltip_cont {
  opacity: 0;
  transition: opacity .4s;
}

.tooltip:hover .tooltip_cont {
  opacity: 1;
}

/* 소개자료 다운 */
.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;}
.area_leaddown .wrap .link img {position:relative; top:1px; margin-left:4px;}


/* TAB UI */
/*.tab_default: 탭하면 해당 콘텐츠로 이동 */
/*.anchors : scroll 이동 */
.tab_default{margin: 0 auto; text-align: left;}
.tab_default button,
.anchors a{display: inline-block; padding: 14px 20px; height: 52px; border: 1px solid #E0E0E0; font-size: 16px; font-weight: 500; color: #8D8D8D; letter-spacing: -1px; cursor: pointer; transition: all .2s cubic-bezier(0.5,0.8,0.6,0.88); background: #fff;}
.anchors a {padding: 12px 20px; height:26px; background: transparent; font-weight: normal;}
.tab_default button{ margin:8px; }
.tab_default button.active {background: #000; border: 1px solid #000; color: #fff;}
.tab_default button.active:hover {color: #fff;}
.tab_default button:hover,
.anchors a:hover {box-shadow:2px 4px 10px rgb(25 25 25 / 15%); border: 1px solid #000; color: #000;}
.anchors {margin:0 auto; text-align: center;}
.anchors a + a {margin-left: 16px}
.anchors .active {background: #000; border: 1px solid #000; color: #fff;}
.anchors .active:hover {color: #fff};

.tab_default.dark button {background: rgba(255, 255, 255, 0.12); color: #fff; border-color: transparent;}
.tab_default.dark button:hover {background: rgba(255, 255, 255, 0.15); color:#F5F7F9; box-shadow:2px 4px 10px rgb(25 25 25 / 30%);}
.tab_default.dark button.active {background: #F5F7F9; border-color: #F5F7F9; color: #333;}
.tab_default.dark button.active:hover {color: #333;}

.tab_menu button {display: block; position: relative; padding: 5px 20px; font-size: 18px; color: #888; background: transparent; transition: all .2s;}
.tab_menu button:hover {color: #555}
.tab_menu button.active,
.tab_menu button.active:hover {color: #3851E7; font-weight: bold}
.tab_menu button:after {content: ''; position: absolute; top: 50%; left: 0; width: 10px; height: 2px; background: #D2D5D8; }
.tab_menu button.active:after {background:#3851E7 } 
.tab_contents > div {display:none;}
.tab_contents div.active {display:block;}

.wrap_tab.type1 {display: flex; margin-top: 60px;}
.wrap_tab.type1 .tab_menu {flex-basis: 25%;margin-top: 48px}
.wrap_tab.type1 .tab_contents {flex-basis: 75%; padding: 50px; border-radius: 20px}
.wrap_tab.type1 .thumb {margin-top: 16px;}
.wrap_tab.type1 .wrap_tit {padding-left: 36px }
.wrap_tab.type1 .wrap_tit .tit {font-size: 30px; text-align: left; font-weight: 500;}
.wrap_tab.type1 .wrap_tit .desc {margin-top: 12px; font-weight: 300; color:#555}

.area_tab .tab_default {margin-top: 48px; text-align: center}
.area_tab .tab_contents {margin-top: 48px; }
.area_tab .tab_contents h3 {font-size: 28px; font-weight: 300; text-align: center;}
.area_tab .tab_contents .thumb {text-align: center}


.navbar {overflow: hidden;}
.navbar .wrap_navbar {position:relative; max-width: 1280px; margin: 50px auto 0;}
.navbar .anchors {margin: 0 auto;}
.navbar a.item { margin: 8px; padding: 24px 5px 10px; box-sizing: border-box; background: transparent; transition: all .2s cubic-bezier(0.5,0.8,0.6,0.88);}
.navbar a.item.active {background:#f7f7f7; color:#fff; font-weight: 500}
.navbar a.item .item_text {display: block; margin-top: 8px; font-size: 14px; color:#333; font-weight: 500; line-height: 18px;}
.navbar .wrap_select {position: relative; width: 280px;}
.navbar .wrap_select:before {content: "";position: absolute; top:45%; right: 5px; display: inline-block;  width: 12px; height: 12px; border-left: 2px solid #333; border-bottom: 2px solid #333; transform: rotate(315deg); -webkit-transform:rotate(315deg);}
.navbar .wrap_select .select{display: block; width: 280px; padding: 0 0 10px; font-family: inherit;  font-size: 30px; color:#333; border: solid #333; border-width: 0 0 3px; border-radius: 0px; /* iOS 둥근모서리 제거 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */-moz-appearance: none; appearance: none; outline: none; background: transparent;}


/* LIST */
.notice_01 {position: relative; margin-top:8px; padding-left: 4px; font-size: 14px;}
.notice_01:before {content: '·'; display: block; width: 5px; height: 12px; position: absolute; left:0; top:0; }
.list_noti {margin-top: 80px;}
.list_noti li {margin-top: 4px;}
.list_event .bedge_event {margin-right: 8px;}
.list_bullet li {position: relative; padding-left: 15px;}
.list_bullet li:before {content: '-'; display: inline-block; width: 14px; height: 14px;  position: absolute; top:0; left:0;}
.list_check {display: inline-block;}
.list_check li {position: relative; padding-left:16px; text-align: left}
.list_check li:before {display: block; position: absolute; top: 4px; left:0; width: 6px; height: 9px; -webkit-transform: rotate(225deg); transform: rotate(225deg); border: 2px solid #3851E7; border-width: 2px 0 0 2px; content:'';}
.list_func .inner_flex > div {flex:1; -ms-flex:1;}
.list_func h3 { font-size: 34px; font-weight: bold; line-height: 1.5; text-align: left;}
.list_func .item {padding: 100px 0}
.list_func .item:last-child {padding-bottom: 0}
.list_func .item .right {flex-direction: row-reverse; }
.list_func .item .list_tag {margin-top: 18px}
.list_func .item .list_tag,
.list_func .item .list_tag li {color:#888; line-height: 1.8}
.list_func .item_cont {padding-top: 60px;}
.list_func .item_cont .desc{margin-top:12px; font-size: 18px; color:#888;}
.list_func .item_cont .btn_txt {margin-top: 36px;}

.list_overview {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; width: 90%; margin: 0 auto 0}
.list_overview li {width: calc(100% / 4); padding: 0 40px; box-sizing: border-box; text-align: center }
.list_overview li h3 {margin-top: 20px; font-size:18px;}
.list_overview li .desc {margin-top: 8px;}
.list_overview .ic_overview_dk {margin:0 auto;}

.list_box {display: flex; flex-flow: wrap; margin-top: 4px; justify-content: center;}
.list_box .item {position: relative; width:calc(30% - 100px); height: 300px; padding: 40px 30px 30px; margin: 10px; border-radius: 16px; border:1px solid #eee; background: #fff; transition: all .2s cubic-bezier(0.5,0.8,0.6,0.88); box-sizing: border-box; box-shadow: rgb(0 0 0 / 5%) 0px 3px 6px 0px;}
.list_box .item h3 {font-size:22px; text-align: left }
.list_box .item .desc {margin-top: 16px; color:#555; line-height: 1.7}
.list_box .item .hashtag {position: absolute; left:30px; bottom: 30px; font-size: 14px; font-weight: 500; color:#3851E7}
.list_box.b2 .item {flex: 1; height: auto; background: transparent; border-width: 0; box-shadow: none; text-align: center}
.list_box.b2 .item:first-child:after {content: ''; position: absolute; top: 50%; right: -75px; width: 50px; height: 40px; margin-top: -24px; background: url(../images/ic_com.svg) -230px -236px; background-size: 2280px;}
.list_box.type2 .item {position: relative; margin:80px 50px 0; padding-top: 52px; width: calc(50% - 100px); height: auto; background: #fff; border: 1px solid #ddd; text-align: center}
.list_box.type2 .item_tit {position: absolute; top: -28px; left: 50%; margin-left: -90px; width:180px; height:50px; font-size:18px; font-weight: 400; line-height: 50px; background: #cbcbcb; text-align:center; border-radius:25px; color: #333; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);}
.list_box.type2 .item_cont .desc {margin-top: 0; line-height: 1.5}
.list_box.type2 .item.do {border-color: #3851E7;}
.list_box.type2 .item.do .item_tit {background: #3851E7; color: #fff}
.list_box.type2 .item.vs:before { content: 'vs'; position: absolute; top: 50%; left: -75px; width: 50px; height: 40px; margin-top: -34px; color: #3851E7; font-size: 40px; font-weight: 100;}
.bg_dark .list_box.type2 .item {background: #2B323E; border: 1px solid #666C76; color: #fff;}
.bg_dark .list_box.type2 .item .item_tit {background: #666C76; color: #fff;}

.list_step {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; width: 100%; margin: 60px auto 0}
.list_step li {width: calc(100% / 5); padding: 0 40px; box-sizing: border-box; }
.list_step li .tit {display: block; margin-top: 12px; font-size: 18px; text-align: center;}
.list_step li:last-child .ic_step:after {display: none} 
.list_step li p {text-align: center}
.list_step li p.txt {margin-top: 4px;font-size: 14px; color: #888}

.list_step.type2 {margin-top: 24px; padding: 40px 28px 20px; background: #fff; border-radius: 16px; box-shadow: 0px 4px 16px rgb(0 0 0 / 6%); box-sizing: border-box;}
.list_step.type2 .i_tit {margin-top: 32px; font-size: 18px; font-weight: bold;}
.list_step.type2 .i_desc {margin-top: 4px; color: #888}

.area_faq .noti {display: block; margin-top: 8px; color: #777}
.list_faq {margin-top: 50px; border-top: 1px solid #333; border-bottom: 1px solid #333}
.list_faq dt {padding: 28px 0 0 10px; font-weight: 500; font-size: 24px;}
.list_faq dd {padding:10px 0 28px 10px; color:#999}
.list_faq dd + dt {border-top: 1px solid #eee}

.list_policy {padding:60px; border: 1px solid #D8DAE2; line-height:1.8;}
.list_policy h4, 
.terms_box.terms_service h4 {margin:24px 0 12px; text-align:left; font-weight:bold;}
.list_policy ol, 
.terms_box.terms_service ol{padding:0 0 15px 15px;}
.list_policy li .no, 
.terms_box.terms_service li .no{margin:0 4px 0 -15px; color:#888; letter-spacing: 0}
.list_policy p {line-height: 1.5}
.list_policy h5, 
.list_policy h6 {text-align:left; font-weight:bold; line-height:1.5;}
.list_policy h5 {margin:40px 0 5px ;}
.list_policy h6 {margin-top:12px;}
.list_policy ul li, 
.list_policy ol li {margin-top:7px; padding:0; line-height:1.5;}
.list_policy div.btnlist{margin-bottom:80px; text-align:center;}
.list_policy div.btnlist a.btn {display:inline-block; width:240px; height:48px; background:#333; line-height:48px; color:#fff; border-radius:1px}
.list_policy div.btnlist a.btn:hover{background:#222;}


/* TABLE */
.tb_normal {width: 100%;}
.tb_normal th,
.tb_normal td {padding: 12px; box-sizing: border-box; vertical-align: middle;background: #fff }
.tb_normal thead th {border-bottom: 1px solid #333; font-weight: 500; text-align: center;}
.tb_normal tbody th {font-weight: 500; text-align: left; border-bottom: 1px solid  #E9E9E9; }
.tb_normal tbody td {border-width: 0 0 1px 1px; border-style: solid; border-color: #E9E9E9 }
.tb_normal tbody td.price {text-align: right;}
.tb_normal tbody td.item {text-align: center;}
.tb_normal tbody tr:last-child td, 
.tb_normal tbody tr:last-child th {padding-bottom: 20px;}

.tb_type1 {width: 100%;}
.tb_type1 th,
.tb_type1 td {padding: 10px; box-sizing: border-box; vertical-align: middle; text-align: center;}
.tb_type1 th.line_bottom,
.tb_type1 td.line_bottom {border-bottom: 1px solid #AAB1BF;}
.tb_type1 thead th {width: 15%; background: #AAB1BF; color: #fff; text-align: center; font-weight: 500;}
.tb_type1 .depth {width: 25%;}
	.tb_type1 thead th {border-right: 1px solid #fff;}
.tb_type1 thead th.pick {background: #3851E7; border: 1px solid #3851E7;  font-weight: 700}
.tb_type1 thead th.blanks {background: transparent; border-right: 1px solid #3851E7} 
.tb_type1 tbody th {padding-left: 20px; text-align: left;}
.tb_type1 tbody th.depth1 {font-weight:700; font-size: 18px;}
.tb_type1 tbody td.pick {background: #fff; border-right: 1px solid #3851E7; border-left:1px solid #3851E7; }
.tb_type1 tbody th .major,
.tb_type1 tbody td {color: #3851E7; }
.tb_type1 tbody th .tag_badge {margin-top: -2px;}
.tb_type1 tbody tr:last-child td.pick {border-bottom: 1px solid #3851E7}
.tb_type1 tbody tr:hover {background: rgba(196, 196, 196, 0.2);}
.tb_type1 tbody tr:hover td.pick {background: rgba(240, 240, 240, 0.1);}
.tb_type1 tbody tr.tit:hover {background:transparent;}
.tb_type1 tbody tr.tit:hover .pick {background:#fff;}
.tb_type1 .ic.check {width: 8px; height: 16px;}
 
.tb_type2 {display:  flex; flex-wrap: wrap; width: 100%; margin: 40px auto 0;}
.tb_type2 h3 {height: 50px; font-size:18px; line-height: 50px; font-weight: 500; text-align:center;}
.tb_type2 .item_cont {padding: 0 0 12px}
.tb_type2 .item_cont .box {display: table; width: 100%; padding: 20px 0;text-align: center; border-top: 1px solid #f4f4f4; box-sizing: border-box}
.tb_type2 .item_cont .box:first-child {border-top: none}
.tb_type2 .item_cont .box.label {padding: 0; background: #EFF2F5; border-top-color: #DFE5EC; font-weight: 500}
.tb_type2 .item_cont .box.label p {height: 40px; line-height: 40px; color: #656565}
.tb_type2 .item_cont p {display: table-cell; vertical-align:middle; color: #333}
.tb_type2 .item_cont .fs_gray8 {font-size: 13px}
.tb_type2 .item_cont .depth2 {height: 40px; padding: 0; background: #F5F7F9;}
.tb_type2 .item_cont .depth2.row2 {padding: 10px 0;}
.tb_type2 .item_cont .depth2.row2 p {line-height: 100%}
.tb_type2 .item_cont .depth3 {border-top-width: 0;}
.tb_type2 .item_cont .depth3 + .depth3 {border-top-width: 1px;}
.tb_type2 .item_head {width: 20%}
.tb_type2 .item_head h3 {height: 51px; background: transparent;}
.tb_type2 .item_head p {padding-left: 30px; color: #333; text-align: left}
.tb_type2 .item_head .item_cont .box {border-color:#efefef}
.tb_type2 .item_head .item_cont .box.label {border-color: #DFE5EC}

.tb_type2 .item_body {width: 80%; display: flex; flex-wrap: wrap;}
.tb_type2 .item_body h3 {width:100%; background: #333B49; border-radius:20px 20px 0 0; color: #fff;}
.tb_type2 .item_body .item {flex: 1; position: relative; margin-left: -1px; background: #Fff; box-sizing: border-box; border-radius:20px; border: 1px solid #f0f0f0; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.02);}
.tb_type2 .wrap_list + .wrap_list {padding-top: 80px}


/* SLICK */
.slick-dotted .slick-dots {text-align: center; box-sizing: border-box;}
.slick-dotted .slick-dots li {width: 12px; height: 12px; border-radius:50%; background-color: #dedede;}
.slick-dotted .slick-dots li.slick-active {width: 27px;height: 14px;border-radius:7px;background-color: #25cad3; box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.slick-dotted .slick-dots li button {display: none;}
.slick-dotted .slick-prev, 
.slick-dotted .slick-next {top:45%; width: 40px; height: 40px; border-radius: 50%; transition:background 150ms ease-out 0s, border 150ms ease-out 0s, transform 150ms ease-out 0s, -webkit-transform 150ms ease-out 0s; z-index: 4}
.slick-dotted .slick-prev {left: 0;}
.slick-dotted .slick-next {right:0}
.slick-dotted .slick-prev:hover,
.slick-dotted .slick-next:hover {background: #e5e5e5}
.slick-dotted .slick-prev:before, 
.slick-dotted .slick-next:before {display: block; width: 32px; height: 32px; background: url(../images/ic_com.png);  margin: 0 auto; content: ''}
.slick-dotted .slick-prev:before {background-position: -595px -196px;}
.slick-dotted .slick-next:before {background-position: -690px -196px;}


/* TITLE AREA */
.content_head {padding-top: 120px; /*transform: translateY(4rem); animation: up 500ms linear forwards; z-index: 1;*/}
.content_head h1,
.content_head h2 {position: relative; color:#000; line-height: 1.4;}
.content_head h1,
.area_head h1 {font-size: 48px; font-weight: bold; text-align: center}
.content_head h2 {text-align:center; font-size:42px; font-weight:600; color:#000; line-height:140%;}
.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 .list_func h3,
.content_body .list_func h3 {text-align:left;}
.content_head p {margin-top: 20px; font-size: 18px; text-align: center; color: #888}
.content_head .wrap_btn {margin-top: 60px}
.content_visual {margin-top: 100px;}
.content_visual img {width: 100%}

.area_cont {padding: 100px 0;}
.area_cont .inner h2 {font-size:36px;}
.area_head .inner h2 {font-size:36px;}
.area_head .desc {margin-top: 20px; font-size: 18px; text-align: center; line-height: 1.5;}
.area_head .desc {color:#888;}
.area_cont .area_head .wrap_btn {margin-top: 36px;}
.item_thumb.big {text-align: center;}

/* CARD UI */
.wrap_card {margin:32px auto 0; text-align:left;}
.wrap_card .section_card{display: inline-block;}
.wrap_card .layout_card{float:left; position:relative; text-align: left; margin:30px 13px; width:290px; height:auto; border-radius:20px; transition:all .15s ease-out; background: #fff; box-shadow:0 3px 6px rgb(25 25 25 /10%); box-sizing: border-box;}
.wrap_card .layout_card:hover{transform: translateY(-4px) translateZ(0); box-shadow: 2px 10px 20px 0px rgb(25 25 25 /10%);}
.wrap_card .layout_card a {display: block; padding:48px 20px; word-break: keep-all; background: #fff;}
.wrap_card .layout_card > img{margin-bottom: 20px}
.wrap_card:after {content:''; clear:both; display:block;}
.wrap_card .txt_card_box{ margin:15px 10px; color:#000; font-weight:200;}
.wrap_card .tit_card{  font-size:22px; font-weight:600;}
.wrap_card .txt_card{ font-size:16px; font-weight:400; color:#5C5C5C; margin-top:16px;}
.wrap_card .hashtag{ font-size:14px; font-weight:500; margin-left: 10px; color: #3851E7; position: absolute; bottom:53px;}


/* CARD UI(img) */
.bg_img_card .card_list_tit{padding-bottom:5px; text-align:left; font-size:18px; font-weight:500; border-bottom:1px solid #333; margin:100px 56px 0 32px; color:#000;}
.bg_img_card .layout_card a {position:relative; padding:0; border-radius:20px;}
.bg_img_card .layout_card .thumb > img {display: block; width: 100%; border-radius: 20px 20px 0 0; transition: all 0.4s;}
.bg_img_card .layout_card .thumb:after {content: ""; display: block; width: 100%; z-index: 2; background: transparent; transition: all 0.5s;}
.bg_img_card .layout_card .con {padding:20px 24px 40px; text-align: left;}
.bg_img_card .layout_card .tit {margin: 5px 0; font-size:20px; font-weight:600; text-align: left; color: #333;}
.txt_info{margin-left: 17px; font-size: 14px; font-weight: 300; letter-spacing: -0.5px; color: #888;}
.bg_img_card .layout_card .con .tit_hashtag {margin: 10px 0; font-size:14px; font-weight:400;}
.bg_img_card .wrap_video .layout_card .con .tit_hashtag {margin:30px 0 10px; }
.introduce_data .layout_card .con .tit_hashtag {color: #82afff;}
.comparison_data .layout_card .con .tit_hashtag {color: #f798ef;}
.etc_data .layout_card .con .tit_hashtag {color: #f79999;}
.video_data .layout_card .con .tit_hashtag {color: #ffbd04;}
.video_data_1 .layout_card .con .tit_hashtag {color: #ffbdfa;}

.bg_img_card .wrap_video .layout_card{height: 342px;}
.bg_img_card .layout_card .thumb {position: relative; width: 100%; /*overflow: hidden;*/ box-sizing: border-box;}
.bg_img_card .layout_card .play_img {position:absolute; top: 132px; left: 15px; z-index: 5;}
.bg_img_card .layout_card .time {font-size: 14px; font-weight: 300; letter-spacing:0; color: #888;}

.wrap_video .layout_card .thumb {position: relative;}
.wrap_video .layout_card .thumb .play_img {top: inherit; bottom: -32px }

/* 카드 레이아웃 3단 */
.wrap_card.three_card .layout_card{margin:22px 30px; width:28%; height: 332px; padding: 37px 20px; word-break: keep-all;}
.wrap_card.three_card .layout_card img{vertical-align: bottom; margin: 0 4px 0 0;}
.wrap_card.three_card .txt_card.first_tit{margin-top:22px;}
.wrap_card.three_card .txt_card_box{margin: 0 10px;}
.wrap_card.three_card .txt_card{margin-top:6px;}

/* 하단 이미지 있는 큰 버튼(회색버튼) */
.btn_thumb {position: relative; display: inline-block; margin:0; width:47%; height:200px; background: #F0F0F3; border:1px solid #E6E6EB; border-radius:8px; transition: all .15s cubic-bezier(0.5,0.8,0.6,0.88); text-align:left; box-sizing: border-box; vertical-align: top}
.btn_thumb:hover {border: 1px solid #d8d8d8;}
.btn_thumb .tit_box{display:inline-block; padding: 40px 24px 0 52px; color:#333;}
.btn_thumb .tit_box .tit{display: block; font-size:28px;}
.btn_thumb .tit_box .txt{margin-top:8px; width:250px; font-size:18px; font-weight:300; color:#888; word-break: keep-all;}
.btn_thumb .thumb{position: absolute; top: 20px; right: 60px;}

/* 랜딩페이지 버튼 */
.link_detail {background-color:#F6F6F6; padding:12px 22px; border-radius:40px; font-size:16px; color:#666; letter-spacing:-1.4px; font-weight:500; display:inline-block; transition:all 0.5s;}
.link_detail .bt_arrow {width:17px; height:16px; background:url(../images/icon_landing/ic_arrow.svg) -40px 0; display:inline-block; margin-left:4px; position:relative; top:1px;}
.link_detail :hover {background-color:#EEEFF3; color:#333;}

/* btn + img type*/
.list_btn_thumb {margin-top: 44px}
.list_btn_thumb .btn_thumb {position: relative; width: calc(50% - 22px)}
.list_btn_thumb .btn_thumb:hover {transform: translate3d(0px, -3px, 0px); -webkit-transform: translate3d(0px, -3px, 0px);  box-shadow: rgb(0 0 0 / 8%) 0px 3px 10px 0px; -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 3px 10px 0px;}
.list_btn_thumb .btn_thumb:nth-child(even) {margin: 0 0 40px 40px}
.list_btn_thumb .btn_thumb .thumb {right: 30px; width: 180px; height: 180px;  background: url('../images/btn_thumb.svg') 0 0 no-repeat;}
.btn_thumb .thumb.btn_img01 {background-position: 0 0;}
.btn_thumb .thumb.btn_img02 {background-position: -300px 0;}
.btn_thumb .thumb.btn_img03 {background-position: -600px 0;}
.btn_thumb .thumb.btn_img04 {background-position: -900px 0;}
.btn_thumb .thumb.btn_img05 {background-position: -1200px 0;}

.num_s1 {display: inline-block; width: 26px; height: 26px; border-radius: 50%; background: #333; font-size: 16px; line-height: 24px; color: #fff; text-align:center;}
.ic_stopwatch {display: inline-block; width: 18px; height: 18px; background: url('../images/ic_stopwatch.svg') no-repeat; vertical-align:  middle}
.wrap_ic {margin-left: 8px;}
.wrap_ic .txt {font-size: 13px; color: #25cad3; font-weight: normal}

.wrap_lead2 .tit {font-size: 24px; font-weight: 300; text-align: center;}
.wrap_lead2 .wrap_btn {margin-top: 52px}

/* 하단 이미지 있는 큰 배너 (옅은미색배너) */
.list_bn_thumb {margin-top:140px;}
.list_bn_thumb .bn_thumb {position:relative; display:inline-block; margin:0; width:48%; height:165px; background:#F9FCFF; border:1px solid #E3ECF5; border-radius:20px; transition: all .15s cubic-bezier(0.5,0.8,0.6,0.88); text-align:left; box-sizing: border-box;}
.list_bn_thumb .bn_thumb:hover {background:#F3F8FD; border:1px solid #D0E3F6;}  
.list_bn_thumb .bn_thumb:nth-child(even) {margin: 0 0 40px 35px;}
.list_bn_thumb .bn_thumb .tit_box {display:inline-block; padding:25px 0 0 45px;}
.list_bn_thumb .bn_thumb .tit_box .txt {font-size:22px; font-weight:600; color:#333; margin-top:13px;}
.list_bn_thumb .bn_thumb .state.s2 {padding:1px 8px 2px; background:#3851E7; font-size:12px; color:#eee; text-align:center; box-sizing:border-box; border-radius:10px; line-height:110%; font-weight:400;}
.list_bn_thumb .bn_thumb .state.s4 {padding:1px 8px 2px; background:#333; font-size:12px; color:#eee; text-align:center; box-sizing:border-box; border-radius:10px; line-height:110%; font-weight:400;}
.list_bn_thumb .bn_thumb .thumb {width:130px; height:130px; display:inline-block; position:absolute; top:20px; right:40px;}
.list_bn_thumb .bn_thumb .thumb.bn_img01 {width:182px; height:127px; background: url('../images/banner/bn_thumb.png') 0 0 no-repeat; background-position:0 0;}
.list_bn_thumb .bn_thumb .thumb.bn_img02 {width:153px; height:124px; background: url('../images/banner/bn_thumb.png') 0 0 no-repeat; background-position:-182px 0;}

.accounting .wrap_cta {padding: 100px 0 50px}
.enterprise_connect .wrap_cta .inner_flex {background:#fff;}
.enterprise_price .wrap_cta .inner_flex {background:#fff;}
.price_ver2 .wrap_cta .inner_flex {background:#fff;}

.link_bn img {display: block; width: 100%; max-width: 1280px;} 


.fixed {position: fixed; top:0; left:0; z-index:5 }
.bedge_event {display: inline-block; padding: 2px 10px; height: 20px; line-height: 18px; color: #00B3CE; font-size: 14px; font-weight: 400; border-radius: 16px; background: #D9EFF2; letter-spacing: 0;}
/*
.bedge_event {display: inline-block; padding: 2px 10px; height: 20px; line-height: 18px; color: #fff; font-size: 14px; font-weight: 400; border-radius: 16px; background: linear-gradient(90deg, #25CAD3 0%, #3851E7 100%); letter-spacing: 0;}*/
.item.i01 .bedge_event {position:relative; top:-26px; margin-left:10px;}
.btn_ghost.bk {border-color: #333; color: #333}

.area_video .bg_video01 {position:absolute; top:40px; left:46%; background: url(../images/case/bg_01.png) 0% 0 no-repeat; display:block; width:300px; height:300px; z-index:-1; margin-left:-570px;}
.area_video .bg_video02 {position:absolute; top:-20px; right:0%; background: url(../images/case/bg_02.png) 0% 0 no-repeat; display:block; width:205px; height:398px; z-index:-1;}
.area_video .bg_video03 {position:absolute; top:590px; right:7%; background: url(../images/case/bg_03.png) 0% 0 no-repeat; display:block; width:149px; height:149px; z-index:-1;}


.content_head.ver2 {padding:0}
.content_head .wrap_btn {display:flex; justify-content:center; align-items: center; margin: 40px 0; gap: 20px;}
.content_head .wrap_btn a {display: flex; padding: 7px 34px; border-radius:40px; font-size:20px; font-weight: 500; justify-content: center; letter-spacing: -1px; align-items: center}
.content_head .wrap_btn a + a {margin:0}
.content_head .wrap_btn a .txt {font-weight:400}
.content_head .wrap_btn a em {font-weight:600}
.content_head .btn_general {background: #00b3ce; color: #fff; align-items: center;}
.content_head .btn_general:hover {background: #00a7c0;}
.content_head .btn_ghost {border: 2px solid #00b3ce; box-sizing: border-box; background-color: transparent; color: #00b3ce;}
.content_head .ic_freepc {display: inline-block; width: 34px; height: 34px; background: url(../images/main_new/ic_cta.svg) no-repeat 0 0;}


.area_visual .visual {text-align: center}
.area_visual {position: relative; overflow: hidden; height: 900px;}
.area_visual h1 {color:#000; font-size: 48px;  line-height: 1.4;}
.area_visual h1 span {color:#3851E7; font-size: 48px;  line-height: 1.4;}
.area_visual h2 {color:#000; font-size: 24px;  line-height: 1.4;}
.area_visual .tit {padding-top: 100px; text-align: center;}
.area_nav.channel {border-top: 1px solid #eff3fb; border-bottom: 1px solid #eff3fb;}
.area_nav.channel .inner_flex {max-width: 700px; justify-content: space-around}
.area_nav.channel a {padding: 16px 20px 14px; border-bottom: 2px solid #fff}
.area_nav.channel a.active {border-color:#333}
.area_nav.channel .tit {font-size:18px; line-height: 30px; color: #A2ACB5; font-weight: 500;}
.area_nav.channel a:hover .tit{color: #333;}
.area_nav.channel a.active .tit {color: #333; font-weight: 600}


.area_overview {padding: 100px 0 140px}


/* Dark Background */
.bg_dark {background: #333B49; color: #fff}
.bg_dark h1 .tit {color: #fff; font-weight: 500;}
.bg_dark h2 {font-size:42px; font-weight: 500}
.bg_dark h1 + .desc,
.bg_dark h2 + .desc {color: rgba(255, 255, 255, 0.5);}
.bg_dark .fs_point_b {color: #8AC7FF}
.bg_dark .highlighter:after {height: 12px; left: -2px ;bottom: 0; border-radius: 6px; background: #3851E7; }
.bg_dark .list_overview h3 {font-weight:500; color:#fff;} 
.bg_dark .list_overview .desc {font-weight: 200} 
.bg_dark.content_head {overflow:hidden}
.bg_dark.content_head .btn_ghost,
.enterprise .content_head .btn_ghost {background:#fff; border-width: 0;}
.bg_dark.content_head .btn_ghost:hover,
.enterprise .content_head .btn_ghost:hover {background:#eaf7f9}

/* section Banner */
.body_container main section.banner {padding:50px 0 10px;}
.body_container main section.banner .link_bn_pc {display:none;}
.body_container main section.banner .link_bn_mo {display:block;}
.body_container main section.banner .link_bn_mo a {display:block; text-align:center;}




/*** PAGE ***/

/* brand story_220221*/
.ic_brandstory_pc { display: block; width: 128px; height:128px; border-radius: 10%; padding-bottom: 30px; background: url(../images/ic_brandstory_pc.svg) no-repeat;}
.ic_brandstory_mo { display: none; }
.ic_brandstory_pc.ic01 {background-position: 0 0;}
.ic_brandstory_pc.ic02 {background-position: -200px 0;}
.ic_brandstory_pc.ic03 {background-position: -400px 0;}
.ic_brandstory_pc.ic04 {background-position: -600px 0;}
.ic_brandstory_pc.ic05 {background-position: -800px 0;}
.brandstory .grad_box {max-width:1280px; border-radius:50px; margin:0 auto; height: auto; /*height:660px;*/}
.brandstory .content_head {padding-top: 100px}
.brandstory p {font-size:20px; font-weight:300; padding-top:10px; opacity: 0.7;}
.brandstory .grad_box .brand_pc {display:block; position:relative; margin:20px auto; max-width:100%; width:100%; text-align:center;}
.brandstory .grad_box .brand_mo {display:none;}
.brandstory .area_item{display: flex; flex-wrap: wrap; margin: 0px -200px -100px 0px;padding-bottom: 200px;}
.brandstory .brand_icon{width: 100%; max-width: 420px; margin: 120px 200px 0 0;}
.brandstory .brand_icon .tit{display: inline-block; font-size:26px; font-weight: 600; padding-bottom:10px;}
.brandstory .brand_icon .brand_bt{ display: inline-block; vertical-align: middle; margin-left: 9px; margin-top: -3px; opacity: 0.6;}
.brandstory .brand_icon .brand_bt:hover{ opacity: 1;}
.brandstory .brand_icon .brand_bt img{padding-top: 0;}
.brandstory .brand_icon h5{font-size:22px; font-weight: 400; padding-bottom: 20px;}
.brandstory .brand_icon p{opacity: 0.4; font-size:18px; word-break: keep-all; white-space: pre-wrap;}
.brandstory .b_logo_mo {display:none;}
.brandstory .b_logo_pc {display:block;}
.brandstory .map1280 {display:block;}
.brandstory .map959 {display:none;}
.brandstory h1 {text-align:center; font-size:47px; line-height:130%;}
.brandstory .area_head h2 {text-align:center; font-size:42px;}
.brandstory .area_head h4 {text-align:center; color:#BBB; font-size:25px; font-weight:500; padding-bottom:10px;}
.brandstory .inner .tit span {font-weight:600;}
.brandstory .list_func h3 {font-size:40px; font-weight:600; line-height:130%; text-align: left;}
.brandstory .list_func p.sub {color:#bbb; font-size:25px; font-weight:500; margin-bottom:8px;}
.brandstory .list_func .desc {font-weight:400; color:#888;}
.brandstory .img {cursor:pointer;}
.brandstory .story {max-width: 1060px; margin: 0 auto; overflow:hidden;}
.brandstory .story img {width: 100%}
.brandstory .story .area_head {margin-bottom:50px;}
.brandstory .noti {color:#7387ff; font-size:16px; font-weight:400; text-align:right; margin:0 10px 20px 0;}
.brandstory .area_video {max-width:1280px; margin:40px auto; padding:0;}
.brandstory .point .list_func .item {padding:40px 0;}
.brandstory .list_func .item_cont {padding-top:30px; padding-left:100px;}
.brandstory .list_func .right .item_cont {padding-top:15px; padding-left:115px;}
.brandstory .list_func .right .item_thumb {margin-left:96px;}
.brandstory .wrap_news {padding:90px 0 100px; background-color:#f5f7f9; margin-bottom:30px;}
.brandstory .wrap_btn {margin-top:30px;}
.brandstory .highlighter:after {content: ''; position: absolute; left: 7px; bottom: 7px; z-index: -1; width: 97%; height:12px; background: #60f7ff; border-radius: 3px;}
.brandstory .wrap_news.oneteam .wrap_img {text-align: center}
.brandstory .wrap_news.oneteam img {width: 370px;}
.brandstory .wrap_news.oneteam h2 {font-size: 36px;}
.brandstory .brandstory_lineup {text-align:center}
.brandstory .brandstory_lineup .video_pc img {width:1060px;}

/* link plus */
.linkplus .content_head .talkbubble {width: 84px; height: 84px; padding-top: 26px;}
.linkplus .tab_default,
.linkplus .area_service .wrap_btn  {margin-top:80px;}
.linkplus .wrap_card .layout_card {height:380px;}
.linkplus .wrap_card .layout_card a {padding:20px 20px 40px 20px; border-radius:20px; position:static;}
.linkplus .wrap_card .hashtag {margin:20px 0 0; position:static;}
.linkplus .area_visual {border-bottom: 1px solid #eff3fb}

/* contents */
.contents_document .wrap_main {margin-bottom: 80px;}
.contents_document .content {padding-bottom: 100px;}
/*.contents_document .anchors {margin-top: 100px}*/
.contents_document .wrap_card,
.contents_document .bg_img_card .card_list_tit  {margin-top: 0}
.contents_document .wrap_card > div {padding-top: 100px;}

/* govt */
.box_type1,
.govt .box { position: relative; width: 100%; padding: 50px; box-sizing: border-box; border-radius: 16px; border:1px solid #000; box-shadow: 0px 4px 8px rgb(0 0 0 / 10%);}
.govt .box {border-color: #E9E9E9}


.govt .area_govt {padding-top: 40px;}
.govt .wrap_list {max-width: 1100px; margin:80px auto 0; text-align: left;}
.govt .box h2 {padding-bottom: 20px; font-size:28px; font-weight: 500; color: #000; text-align: left; word-break: keep-all;}
.govt .box + .box {margin-top: 50px;}
.govt .govt_de {margin-top: 20px;}
.govt .box .col1 {float: left; display: inline-block; width: 280px;}
.govt .box .col2 { margin-left: 320px;}
.govt .box .col2 .meta > li { display: block; width: 100%; padding-bottom: 10px;}
.govt .box .col2 .meta dt { float: left; width: 15%; font-size: 16px; color: #999;}
.govt .box .col2 .meta dd { margin-left: 15%; font-size: 16px; color: #000;}
.govt .box.point {border: 1px solid #000;}
.govt .box.b1 .col2 .meta .step {margin-top:5px; }
.govt .box.b1 .col2 .meta .step li {margin-left: 10px; font-size:14px; font-weight:300; color: #666;}
.govt .highlighter:after {bottom: 2px;}
.govt .box .wrap_btn { margin-top: 40px;}
.govt .box .btn_general, 
.govt .box .btn_ghost {min-width:180px; font-size: 16px;line-height:48px; font-weight:400;}
.govt .box.finish h2,
.govt .box.finish .col2 .meta dt, 
.govt .box.finish .col2 .meta dd, 
.govt .box.finish .btn_ghost3, 
.govt .box.b1.finish .col2 .meta .step li{color: #ccc;}
.govt .state { display: inline-block; border-radius: 15px; font-size: 14px; font-weight: 400; box-sizing: border-box; padding: 3px 11px 4px 9px; margin-bottom:3px; text-align: center; vertical-align: bottom;}
.govt .state.s1 { border: 1px solid #3851E7; color: #3851E7;}
.govt .state.s2 { background: #3851E7; color: #fff;}
.govt .state.s3 { background: #ccc; color: #fff;}
.govt .state.point {background: #fa5252; color: #fff; border: 1px solid #fa5252}
.govt .box.finish .wrap_btn {display: none}
.govt .box.finish .highlighter:after {background: none;}
.govt .wrap_news {background: #F7F7F7} 
.govt .wrap_news .inner {max-width: 1040px; margin: 0 auto  }
.govt .wrap_news .list_news { margin-top: 50px; overflow: hidden;}
.govt .wrap_news .list_news li { float: left; margin-bottom: 10px; box-sizing: border-box; box-shadow: 0px 4px 8px rgb(0 0 0 / 10%); transition: all .15s ease-out; border-radius:20px; overflow: hidden;}
.govt .wrap_news .list_news li+li {margin-left: 30px}
.govt .wrap_news .list_news:after {content: ''; clear: both;}
    
/* edu_online */
.online .wrap_btn {margin-top: 60px;}
.online .bg_img_card .wrap_video .layout_card {height: 312px;}

/* security */
.security_2 .thumb.pc, br.p {display:block;}
.security_2 .thumb.mo, br.m {display:none;}
.security .area_cont.area_plan {padding-top: 96px}
.security .wrap_plan {position: relative; padding-bottom: 20px; border:1px solid #d9d9d9; border-radius: 0 0 8px 8px;}
.security .wrap_plan:before {display: block; position: absolute; top:-36px; left:0; width:100%; border-radius: 16px 16px 0 0; background: #333; color:#fff; text-align: center; line-height: 36px; content: '메일보안서비스'; }
.security .area_plan .inner_flex {flex-wrap: nowrap;}
.security .wrap_plan .list_overview h3,
.security .wrap_plan .list_overview li .desc {text-align: center}
.security .wrap_plan .list_overview li {padding:30px 12px 0;}
.security .wrap_plan.spam {flex-basis: 25%; margin-right: 10px}
.security .wrap_plan.mail {flex-basis: auto;}
.security .wrap_plan.spam:before {content: '스팸차단서비스'; }	
.security .wrap_plan.spam .list_overview li {flex-basis: 100%;}
.security .wrap_spam h3 {margin-top: 12px}
.security .txt_info {margin:40px 0 0; text-align: center;}
.security .area_cont.features h2 {font-size: 32px; font-weight: 300}
.security .layout_card h3 {text-align: left; margin-top: 8px}	
.security .b_txt{font-size:32px; font-weight: 300; color: #000;letter-spacing: -2px;}
.security .wrap_tab .inener {text-align: center;}
.security .wrap_tab .tab {margin: 40px 0 0; text-align: center;}
.security .wrap_tab .tab button.active { background: #000; border: 1px solid #000; color: #fff;}
.security .wrap_tab .tab button.active:hover { color: #fff;}
.security .wrap_tab .tab button:hover {box-shadow: 2px 4px 10px rgb(25 25 25 / 15%); border: 1px solid #000; color: #000;}
.security .wrap_tab .tab button { display: inline-block; padding: 12px 20px;  margin:8px; border: 1px solid #e0e0e0; height:52px; font-size: 16px; font-weight: 500; letter-spacing: -1px; color: #8D8D8D; transition: all .2s cubic-bezier(0.5,0.8,0.6,0.88); background: #fff;}
.security .wrap_tab .tabcontent {margin: 40px 0 0; text-align: center;}
.security .wrap_tab .tabcontent img + p {margin-top:40px;}
.security .wrap_type .wrap_card.three_card{display: flex;}
.security .wrap_type .wrap_card.three_card .layout_card{width:45%; height: 390px;}
.security .wrap_type .wrap_card .section_card {display:block;}
.security .wrap_type .wrap_card .tit_sub{display:block; margin-top:20px; font-size: 16px; font-weight: 400; color: #5C5C5C;}
.security .wrap_type .wrap_card .tit_sub strong{font-weight: 600;}
.security .wrap_type .wrap_card .txt_card.strong {font-weight: 600;}
.security .wrap_type .wrap_card .txt_sub{ margin-left:15px;}
.security .wrap_security .wrap_img {margin:80px 0 0; text-align: center;}
.security .wrap_card .layout_card:hover{transform: inherit; box-shadow:0 3px 6px rgb(25 25 25 /10%);}
/*210802*/
.security .tb_price {margin-top: 50px;}
.security .tb_price + .wrap_event {margin-top: 80px;}
.security .tb_price thead th {border-right: 1px solid #E9E9E9; font-weight: 700;}
.security .tb_price thead th.tit_mail {border-color: #E9E9E9;}
.security .tb_price thead th:last-child {border-right: none;}
.security .tb_price tbody th.label {padding: 4px 12px;}
.security .tb_price tbody td {text-align: center;}
.security .tb_price tbody tr:last-child th,
.security .tb_price tbody tr:last-child td {box-shadow:0px 2px 8px rgb(25 25 25 / 4%)}
.security .wrap_event {margin-top: 50px;}
.security .wrap_event .toggle_cont .event {flex-basis: 50%;}

.features .navbar .wrap_navbar{margin-top: 80px;}
.features .navbar a.item {position: relative; padding: 28px 5px 0; width:100px; height: 120px; vertical-align: top;}
.features .navbar a.item .bedge {display: inline-block; position: absolute; top:-8px; left:50%; margin-left: -30px;}
.features .navbar a.item .item_text {margin-top: 4px}
.features .area_func {padding: 0}
/*
.features .area_overview.area_overview {padding-top: 150px}
.features .area_overview .list_overview {width: 84%;}
.features .area_overview .list_overview li {width: calc(100% / 3); margin-top: 40px; padding:0 60px;}
*/
.features .area_overview .list_overview h3 {font-size: 20px;}
.features .list_func .item .ic_app {margin:0;}
.features .list_func .item {padding: 200px 0 0}
.features .list_func .item:nth-child(4),
.features .list_func .item:nth-child(9),
.features .list_func .item:nth-child(21) {padding-bottom: 100px}
.features .list_func .item.big {padding: 100px 0}
.features .list_func .item.big + .item {padding-top: 100px}
.features .list_func .item.big h3 {margin: 12px; text-align: center;}
.features .list_func .item.big .desc,
.features .list_func .item.big .list_tag,
.features .list_func .item.big .item_cont {text-align: center;}
.features .list_func .item.big .ic_app {margin: 0 auto; }
.features .list_func .item.big .item_cont {padding:0;}
.features .list_func .item.big .btn_txt {margin: 24px auto 0; }
.features .list_func .item.big .item_cont + .item_thumb {margin-top: 24px}
.features .list_func .item.big .item_thumb.big + .item_cont {margin-top: 70px} 
.features .list_func .inner_flex > div {flex: inherit; width: calc(100%/2);}
.features .list_func .item_cont {padding-left: 60px; box-sizing: border-box;}
.features .list_func .inner_flex.flex2 .item_cont {width: 40%; padding-left: 0}
.features .list_func .inner_flex.flex2 .item_thumb{width: 60%}
.features .area_func {padding-top: 100px; padding-bottom: 200px;}
.features .area_func .area_head h2 {font-weight: 200}

.video_con .item_thumb.big {margin-top: 20px;}
.video_con .item_thumb.big img {max-width: 1100px}
.video_con .area_func{padding-bottom: 0}
.video_con .list_func {margin-top:80px; }
.video_con .list_func .item:nth-child(odd) {padding:30px 0; background: #F4F7FA}
.video_con .area_price {padding-bottom: 120px;}
.video_con .area_price .list_item {display: flex; flex-wrap: wrap; width: 90%; margin: 48px auto 0; justify-content: space-around;} 
.video_con .area_price .list_item .item {flex: 1}
.video_con .area_price .list_item .item:first-child {margin-right: 80px}
.video_con .area_price .item h3{font-size: 20px;}
.video_con .area_price .item:first-child h3{color:#3851E7;}
.video_con .area_price .item strong {display: block; position: relative; text-align: center; font-size: 24px;}
.video_con .area_price .item .desc {margin-top: 4px; text-align: center;}
.video_con .area_price .item .item_thumb {margin-top:40px;  text-align: center;}
.video_con .area_price .item_cont {margin-top: 16px; padding:40px; min-height: 300px; background: #FFF; border: 1px solid #DDD; box-sizing: border-box; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 15px;}
.video_con .area_price .item:first-child .item_cont{border-color:#3851E7;}
.video_con .area_price .wrap_btn {margin-top: 88px}
.video_con .talkbubble { width: 94px; height: 94px; padding-top: 23px }
.video_con .talkbubble .desc {color: #c1c1c1; font-size: 11px;}
.video_con .talkbubble:before {display: none;}

/*case*/
.anchors_box .item {width:120px; height: 120px; margin: 8px; padding: 24px 5px 10px; box-sizing: border-box; vertical-align: top; transition: all .2s cubic-bezier(0.5,0.8,0.6,0.88); border-color: #eee}
.anchors_box .item .item_text {font-weight: 500; font-size: 14px; color: #333}

.case .anchors_box {width: 90%;}
.case .anchors .ic_app {width: 60px; height: 60px;}
.case .anchors .ic_app.mail {background-position:13px 6px}
.case .anchors .ic_app.mobile {background-position:-486px 5px}
.case .anchors .ic_app.works {background-position:-186px 4px}
.case .anchors .ic_app.approval {background-position:-85px 6px}
.case .anchors .ic_app.hr {background-position:-390px 2px}
.case .list_video {margin: 0 auto; width: 84%}
.case .list_video .item {display: flex; flex-wrap: wrap;}
.case .list_video .item_cont {width: 40%; padding-left: 72px; box-sizing: border-box;}
.case .list_video .item h2 {position: relative; font-size:34px; text-align: left;}
.case .list_video .item .desc {margin-top: 16px; font-size: 18px; font-weight: 300;}
.case .list_video .item .quotes_s {position: absolute; top:0px; left:-32px;}
.case .list_video .item .quotes_c {display: inline-block;}
.case .list_video .item .interviewee {margin-top: 12px; font-size: 13px; color:#888; font-weight: 300;}
.case .area_video {position: relative; background: url('../images/case/bg_01.png') 27%  33px no-repeat;}
.case .area_video button.ic_com {position: absolute; top:25%;}
.case .area_video .arrow_pre {left:0;}
.case .area_video .arrow_next {right: 0}
.case .area_video .wrap_btn {margin-top: 20px; text-align: left;}
.case .ic_dot {margin: 8px 0 0 5px; vertical-align:top; }
.case .legend {margin-top: 52px; padding-right: 50px; text-align: right; color:#FF4F4F;}

.customer .area_cont {padding-bottom: 0}
.customer .area_cont + .area_cont {padding-top: 200px}
.customer .area_cont:last-child {padding-bottom: 200px}
.customer .area_cont:last-child h3 {font-weight: 300; line-height: 1.6}
.customer .list_ci {max-width: 1280px; margin: 0 auto; }
.customer .list_ci h2 {padding-top:250px; font-size: 50px; color:#3851e7; font-weight: 700}
.customer .list_ci.s1 h2 {padding-top:100px;}
.customer .list_ci li {display: inline-block; margin:70px 50px 0 ; width: 150px; text-align: center; vertical-align: top}
.customer .list_ci li .thumb img {width: 100%; height: 100%}
.customer .list_ci li .tit {font-size: 14px; color: #888}
.customer .navbar.sticky + .list_ci h2 {padding-top:250px;}
.customer .list_ci:after {clear: both; content: ''}
.customer .navbar .wrap_select:before {top: 30%; width: 10px; height: 10px;}
.customer .navbar .wrap_select .select {font-size: 28px; letter-spacing: -1px; }

.partnership .list_qna,
.partnership .list_faq {max-width: 1100px; margin: 0 auto;}
.partnership .list_faq {margin-top: 50px;}
.partnership .list_qna h3 {position: absolute; left: 0; top:0 }
.partnership .list_qna h3 + div {margin-left:300px;}
.partnership .list_qna dt,
.partnership .list_qna dd {position: relative;}
.partnership .list_qna dt h3 {color:#3851E7;}
.partnership .list_qna dt h3 + div {padding-top:8px; font-size: 26px; font-weight: 700; color:#3851E7;}
.partnership .list_qna dd {padding-top: 32px; padding-bottom: 80px}
.partnership .list_qna dd + dt > h3 {top:60px; }
.partnership .list_qna dd p {font-size: 18px; line-height: 1.8}
.partnership .list_qna dd + dt {padding-top:60px; border-top: 1px solid #e1e1e1}
.partnership .list_qna dd h4 {margin-top: 32px; font-size: 20px; font-weight: bold}
.partnership .list_qna dd h4 + p {margin-top: 12px}
.partnership .list_qna dd .highlighter:after {bottom: 1px; width: 100%;}
.partnership .list_qna dd .wrap_img {margin-top: 40px;}
.partnership .list_qna .wrap_col {display: flex; flex-wrap: wrap;}
.partnership .list_qna .wrap_col .col1 {flex-basis: 40%;}
.partnership .area_cont.case .wrap_img,
.partnership .area_cont.case .wrap_btn {margin-top: 80px}
.partnership .area_apply .wrap_btn {margin-top: 40px}

.edu_online .content_head h1 + p .highlighter:after,
.edu_online .content_head h2 + p .highlighter:after {bottom: 0;}
.edu_online .content_body .inner {width: inherit; max-width: 1280px}
.edu_online .list_edu {padding-top: 60px;}
.edu_online .list_box {justify-content:left;}
.edu_online .list_box .item {width:calc(39% - 100px); padding:32px 40px; font-size: 14px; background: #f8f8f8;  box-shadow: rgb(0 0 0 / 5%) 0px 3px 6px 0px;  border-radius: 16px; border-color:#ddd;}
.edu_online .list_box .item {height: inherit; }
.edu_online .list_box .item p {position: relative; margin-top:4px; padding-left: 40px; line-height: 1.8}
.edu_online .list_box .item h3 {letter-spacing: -2px; text-align: center; color:#3851E7;} 
.edu_online .list_box .item h3 + p {margin-top: 16px}
.edu_online .list_box .item .tit {display: inline-block; position: absolute; top:0; left:0; width:40px; font-weight: bold; color:#888;}
.edu_online .list_box.list_even {width: 90%; margin: 0 auto;}
.edu_online .list_box.list_even .item {width: calc(50% - 35px); margin-bottom: 40px;}
.edu_online .list_box.list_even .item:nth-child(odd) {margin-right: 40px}
.edu_online .notice {margin-top:20px;}
.edu_online .list_box.list_even + .notice {width: 88%; margin:20px auto 0;}
.edu_online .notice h3 { text-align: left; font-size: 24px;}
.edu_online .area_form {border-top: 1px dashed #e1e1e1}
.edu_online ::placeholder {color: #fff; }
.edu_online.form_container .content_body form {padding-bottom: 0}

.price .num {font-weight: bold}
.price .tb_normal.tb_membership {margin-top: 0;/*box-shadow:2px 4px 10px rgb(25 25 25 / 15%)*/}
.price .tb_membership th {background: transparent;}
.price .tb_membership th.blind {height:0; padding:0;}
.price .tb_membership thead .membership {width:265px; background: #fff;}
.price .tb_membership thead th {position: relative; padding: 44px 22px 40px; border-bottom: none}
.price .tb_membership thead th {border-right:1px solid #E9E9E9 }
.price .tb_membership thead th:last-child {border-right: none}
.price .tb_membership thead th .subtit {display: block; position: absolute; left:0; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-align: center; color:#fff; }
.price .tb_membership thead th.m1 .subtit {top:20px;color:#3851E7; }
.price .tb_membership thead th.m2 .subtit,
.price .tb_membership thead th.m3 .subtit {top:-33px; border-radius:16px 16px 0 0; }
.price .tb_membership thead th.m2 .subtit {background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #25CAD3 0%, #3851E7 100%); background-origin: border-box; background-clip: content-box, border-box;}
.price .tb_membership thead th.m3 .subtit {background: #1FBCC5; }
.price .tb_membership thead th h3 {font-size: 30px; font-weight: 500; letter-spacing: -2px;}
.price .tb_membership thead th .desc {margin-top: 12px; font-weight: 300; color:#888;}
.price .tb_membership thead th a {margin-top: 40px; width: 100%; min-width: initial; line-height: 48px; font-size: 16px; font-weight: bold; border-radius: 8px;}
.price .tb_membership thead th a.btn_ghost {border-color:#1FBCC5; color:#1FBCC5;}
.price .tb_membership tbody td {text-align: center}
.price .tb_membership tbody tr:last-child td {box-shadow:0px 2px 8px rgb(25 25 25 / 4%)}
.price .tb_membership tbody .tag_badge.mint {margin-top: -1px; height: 16px; line-height: 14px;}
.price .wrap_event {margin-top: 80px}
.price .area_head h2 {font-size: 38px}
.price .list_app {display: flex; flex-wrap: wrap; max-width: 1160px; margin: 52px auto 0;}
.price .list_app li {margin: 8px; width: 100px; height: 120px; padding: 12px 5px 0; box-sizing: border-box; vertical-align: top; text-align: center;}
.price .list_app li span {margin: 0 auto; text-align: center}
.price .list_faq .btn_txt_tiny {margin-top: 12px; color:#3851E7; font-weight: normal;}
.price .wrap_bn {position: relative; padding:40px 0;}

/*
.price .wrap_bn .slick_prev,
.price .wrap_bn .slick_next {position: absolute; top:52%;}
.price .wrap_bn .slick_prev {left: 12px;}
.price .wrap_bn .slick_next {right: 12px}
.price .tb_normal {margin-top: 50px;}
*/
.tb_normal th.label {background:#EAEDEF; border-top: 1px solid #DDE3E7; border-bottom: 1px solid #DDE3E7; font-weight: normal;  }
.price .area_option .tb_normal .price .fs_point_b,
.price .area_option .tb_normal .price .fs_gray8 {font-size:14px;}
.price .area_option .wrap_btn {margin-top: 100px;} 
.price .area_vidoe .tb_normal th,
.price .area_vidoe .tb_normal td,
.price .area_data .tb_normal th,
.price .area_data .tb_normal td {text-align: center;}
.fs_price {font-size: 40px; font-weight: 500}
.fs_price .fs_symbol{font-size: 36px; font-weight: 300}
.price .wrap_info {margin-top: 60px; padding:0 20px; text-align: center; font-size: 18px; font-weight: 500}
.price .wrap_event + .wrap_btn {margin-top: 60px;}
.price .area_accounting .tb_normal tbody td {text-align: center;}
.price .area_accounting .talkbubble {top: -28px; margin-left: -225px; width: 60px; height: 60px; padding-top: 23px;}
.price .area_accounting .through {text-decoration: line-through;}
.price .area_accounting .tag_badge {margin:2px 0 0 4px;}
.toggle_cont {display: none; width: 100%; padding:40px; background: #fff; box-shadow:  2px 4px 10px rgb(25 25 25 / 15%); border-radius: 0 0 8px 8px; box-sizing:border-box;}
.toggle_cont .wrap_flex { width: 100%; display: flex; flex-wrap: nowrap; }
.toggle_cont h3 {font-size: 28px; font-weight: bold; text-align: left; letter-spacing: -2px}
.toggle_cont h3 + .tit {margin-top: 28px}
.toggle_cont .event {padding-right: 24px;}
.toggle_cont .event .tit {font-weight: bold}
.toggle_cont .event .txt + .tit {margin-top: 20px}
.toggle_cont .event .tit .num {display: inline-block; margin-right: 8px; width:20px; height: 20px; line-height:20px; font-weight: 300; font-size:14px; background:#3851E7; color:#fff; text-align: center; border-radius:50%;}
.toggle_cont .event .txt {padding-left: 32px;}
.toggle_cont .event .txt + .txt {margin-top: 8px;}
.toggle_cont .ex {margin-top: 60px;  padding:40px 28px 20px; border-radius:20px; background: #F5F7F9;}
.toggle_cont .ex h4 {font-size: 21px;}
.toggle_cont .ex h4 .fs_gray8 {font-size:14px; }
.toggle_cont .ex table {margin-top: 24px;}
.toggle_cont .ex table th {text-align: left; font-weight: 500}
.toggle_cont .ex table td {text-align: right;}
.toggle_cont .ex table th,
.toggle_cont .ex table td {padding:0 4px 12px; font-size: 14px;}
.toggle_cont .ex table .total {border-top: 1px dashed #aaa}
.toggle_cont .ex table .total td {padding-top: 12px;}
.btn_toggle {padding:24px; width: 100%; border:1px solid #D8DAE2; background: #EAEDEF; text-align: center; color:#3851E7; border-radius: 8px; font-size: 18px; font-weight: 500; font-family: 'Noto Sans KR'; box-shadow:  2px 4px 4px rgb(25 25 25 / 4%); letter-spacing: -1px; transition:background 150ms ease-out 0s, border 150ms ease-out 0s, transform 150ms ease-out 0s, -webkit-transform 150ms ease-out 0s;}
.btn_toggle:hover {font-weight: bold; box-shadow:  2px 4px 8px rgb(25 25 25 / 8%);}
.btn_toggle .ic.check { margin-right: 10px}

.ehr {overflow-x:hidden;}
.ehr .row {position: relative; width: 100%; text-align: center;}
.ehr .row.main_tit {margin: auto 219px -109px;}
.ehr .row.data { background:#f3f5f7; padding:100px 0;}
.ehr .row.data a {display:none;}
.ehr .row.merit { background:#25cad3; padding:100px 0 45px;}
.ehr .row.ehr_event { background:#25cad3;}
.ehr .row.tech_guide { background:#f3f5f7; padding:100px 0 315px; height:1213px;}
.ehr .row.tech_guide .guide_img{ position:relative; top:-60px; left:50px; }
.ehr .row.event {background: #25cad3; padding:0 0 45px;}
.ehr .row.event .btn_ghost {color:#fff; border-color: #fff;}
.ehr .row.event .btn_ghost .ic_btn_arow {background-position:  -200px -100px}
.ehr .row.why{padding:150px 0 100px 0;}
.ehr .row.why .sub_tit{position:relative; padding-top:20px; width: 1000px; margin: 0 auto;}
.ehr .row.why .sub_tit p{position:absolute; color:#f98d8d;}
.ehr .row.why .sub_tit div{position:absolute; right:0; margin-left:35px;}
.ehr .row.why .sub_tit div .btn{color:#25cad3; margin-left:35px; text-decoration:none;}
.ehr .row.why .sub_tit div .btn:hover{ text-decoration:underline;}
.ehr .row.btn_box{background:#f3f5f7;}
.ehr .row.btn_box .wrap_box{ position: relative; width: 1000px; margin: 0 auto; padding: 85px 0;}
.ehr .row.btn_box .wrap_text{ display:inline-block; margin: 20px 180px 0 0; vertical-align: top; text-align: left;}
.ehr .row.btn_box .wrap_text span{font-size: 33px; line-height: 37px; font-weight: 100;}
.ehr .row.btn_box .wrap_text .tit_line{ font-weight:400;}
.ehr .row.btn_box .wrap_text .tit_strong{color:#25cad3; font-weight:500;}
.ehr .row.btn_box .wrap_text .sub_txt{display:block; margin-top:20px; font-size:18px; line-height:25px; color:#868686;}
.ehr .row.btn_box .wrap_btn {display: inline-block;}
.ehr .row.btn_box .wrap_btn .btn {display:block; margin-bottom:20px; padding:18px 100px; font-size: 20px; color: #fff; background: #25cad3;}
.ehr .row.btn_box .wrap_btn .btn:hover { background: #23bbc3;}
.ehr .row.btn_box .wrap_btn span {display: block; color:#868686;}
.ehr .row.btn_box.top_box{background:#25cad3;}
.ehr .row.btn_box.top_box .wrap_text{ color:#fff;}
.ehr .row.btn_box.top_box .wrap_text .tit_strong {color: #fff;}
.ehr .row.btn_box.top_box .wrap_text .sub_txt{color:#aff1f5;}
.ehr .row.btn_box.top_box .wrap_btn .btn {color: #25cad3; background: #fff;}
.ehr .row.btn_box.top_box .wrap_btn .btn:hover { background: #2eb0b7;color:#fff;}
.ehr .row.btn_box.top_box .wrap_btn span {color:#aff1f5;}
.ehr a.btn span.ic {display: inline-block; width: 26px; height: 26px; margin: -3px 5px 0 0;
    background: url(../images/ic_btn.png) no-repeat; vertical-align: top;}
.ehr a.btn span.ic_mint_plus {background-position: -100px -100px;}

.ehr2 .area_func {padding-bottom: 0;}
.ehr2 .area_func .list_func .item:nth-child(odd) {padding: 100px 0; background: #F4F7FA;}
.ehr2 .area_func .list_func .item_cont {padding: 80px 0 0 40px;}
.ehr2 .area_func_admin .list_func .item {padding: 0; text-align: center; vertical-align: top;}
.ehr2 .area_func_admin h3 {font-size: 21px; text-align: center;}
.ehr2 .area_func_admin .item_thumb {min-height: 300px;}
.ehr2 .area_func_admin .item_cont {padding: 0;}
.ehr2 .area_event {background: #25cad3; padding:0 0 80px; text-align: center;}
.ehr2 .area_event .btn_ghost {color:#fff; border-color: #fff;}


.terms .anchors {margin-top: 40px}
.terms .tb_normal tbody td {text-align: center;}
.terms .tb_normal.tb_history tbody td { border-left: none}
.terms .tb_normal tbody .tit {text-align:left;}
.terms .tb_normal tbody td .btn_txt {display: block; font-size: inherit; color: #333;}
.terms .tb_normal.tb_history tbody tr:hover td .btn_txt {text-decoration: underline;}
.terms .tb_normal.tb_history tbody tr:hover td {background: #f7f7f7;}
.terms .tb_normal tbody td .btn {padding:2px 8px; background: #f1f1f1; border-radius: 4px;}
.terms .tb_normal tbody td .btn:hover{ background: #eaeaea; }
.terms .terms_privacy .tb_normal {margin:12px 0 20px; border:1px solid #D8DAE2;}
.terms .terms_privacy .tb_normal th,
.terms .terms_privacy .tb_normal td {padding:8px;}
.terms .terms_privacy .tb_normal.tb_left td {text-align: left}

.terms.notices .list_policy > h2 {margin-top: 30px; font-size: 18px; font-weight: bold; text-align: left;}
.terms.notices .list_policy > h2:first-child {margin-top: 0}
.terms.notices .list_policy > h2 + p {margin-top: 16px;}
.terms.notices .list_policy .tb_re {margin-top: 40px}
.terms.notices .list_policy .tb_re thead th {width: 50%; padding: 8px 0; border-top: 1px solid #333 }
.terms.notices .list_policy .tb_re tbody td {padding: 20px; text-align: left; font-size: 14px; vertical-align: top; box-sizing:border-box; border-width: 0}
.terms.notices .list_policy .tb_re td:first-child {border-width:0 0 1px}
.terms.notices .list_policy .tb_re td:last-child {border-width: 0 0 1px 1px }
.terms.notices .list_policy .tb_re .tb_normal td {border-width: 1px }
.terms.notices .list_policy .btnlist {margin-top: 60px}


.features_v2 .content_head {text-align: center}
.features_v2 .content_head h2 {font-size: 46px;}
.features_v2 .content_head h1 {position: relative; font-size: 46px; font-weight: bold; text-align: center}
.features_v2 .content_head a {margin-top: 40px}
.features_v2 .area_func {padding: 50px 0}
.features_v2 .list_tab {max-width: 1680px; margin: 60px auto -1px;}
.features_v2 .list_tab li {display: inline-block;}
.features_v2 .list_tab a {display: inline-block;  padding: 20px 8px; font-weight: 300; color: #888; border-bottom: 1px solid #eaeaea}
.features_v2 .list_tab a.active {color: #333; border-color:#333; font-weight: 700}
.features_v2 .list_tab a:hover {border-color: #aaa}
.features_v2 .list_tab a.active:hover {border-color:#333;}
.features_v2 .area_tab .anchors li {display: inline-block;}
.features_v2 .list_func .item {padding: 80px 0}
.features_v2 .list_func .item:nth-child(even) {background: #F4F7FA}
.features_v2 .list_func .item_cont {padding-top: 80px;}
.features_v2 .list_func .item .right .item_cont {padding-left: 40px;}

/* 20240222
.area_video {position:relative; cursor:pointer;}
.area_video .video {margin-top: 60px; text-align:center;}
.area_video .video iframe,
.area_video .video .thumb {box-shadow:0px 18px 34px rgb(0 0 0 / 10%); display:inline-block; border-radius:30px;}
.area_video .video img {display:block;}
*/

.area_video {position:relative; cursor:pointer; text-align:center;}
.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 .inner_box.pc {display:block;}
.area_video .cont_video .inner_box.mobile {display:none;}
.area_video .cont_video iframe {width:100%; border-radius:20px;}

.accounting .talkbubble {margin-left: -452px;}
.accounting .area_app .item_thumb {margin-top: 56px}
/*.accounting .area_service {padding-top: 0}*/
.accounting .list_bullet li {margin-left: 50px;}
.accounting .list_overview .tag_badge {margin: -5px 0 0px 6px}
.accounting .bg_gray_br {background: #F5F7F9}
.accounting .list_func .item:last-child {padding-bottom: 0}
.accounting .area_link .tab_default {margin-top: 48px; text-align: center }
.accounting .area_link .tab_contents {margin-top: 48px; transition: all .4s;}
.accounting .area_link .tab_contents h3 {font-size: 28px; font-weight: 300; text-align: center;}
.accounting .area_link .tab_contents .thumb {margin-top: 12px; text-align: center}
.accounting .area_func h3 {font-size: 38px; text-align: left;  font-weight: 300; }
.accounting .area_func h4 {font-size: 30px; text-align: left; font-weight: 500;}
.accounting .area_func .tit,
.accounting .area_func .noti {padding-left: 36px }
.accounting .area_func .tit p {margin-top: 12px; font-weight: 300; color:#555 }
/*.accounting .area_func .wrap_link {margin-top: 28px;}*/
.accounting .area_func .wrap_tab {display: flex; margin-top: 60px;}
.accounting .area_func .wrap_tab .tab_menu {flex-basis: 25%;margin-top: 48px}
.accounting .area_func .tab_contents {flex-basis: 75%; padding: 50px; border-radius: 20px}
.accounting .area_func .thumb {margin-top: 16px;}
.accounting .area_vs .tb_type1 .tag_badge {font-weight: normal}
.accounting .area_vs .tb_type1 {margin-top: 60px;} 
.accounting .wrap_lead {margin-top: 100px}
.accounting .wrap_lead .tit {font-size: 24px; font-weight:300; text-align:center  }
.accounting .wrap_lead .wrap_btn {margin-top: 52px}
.accounting .tb_type1 tbody tr:first-child .depth {padding-left: 0;}
.accounting .area_service .list_func .item {padding: 30px 0 0}
.accounting .area_service .list_func h3 { letter-spacing:-3px }
.accounting .area_video {padding-bottom: 0}
.accounting .area_video .list_item {margin-top: -60px; background: #f5f7f9; padding: 100px 0 80px}
.accounting .area_video .list_item .inner {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; width: 80%; margin: 0 auto}
.accounting .area_video  .list_item .item {position: relative; width: calc(100% / 3); padding: 0 60px; box-sizing: border-box; }
.accounting .area_video .item .tit {margin-top: 20px; font-size:20px; font-weight: 500; text-align: left}
.accounting .area_video .item .desc {margin-top: 12px; text-align: left; color:#888 }
.accounting .area_video .item:after {content: ''; position: absolute; top: 50px; left: 0; width:1px; height:140px; background:#DFE5EC;  }
.accounting .area_video .item:first-child:after {display: none}
.accounting .wrap_lead .desc {margin-top: 12px; font-size:  18px; color: #888; text-align: center; font-weight: 300}
.accounting .area_comingsoon .inner_flex {margin-top: 100px;}

.area_comingsoon .area_head {text-align: center}
.area_comingsoon .area_head .bedge {font-size: 16px; padding: 0px 15px 2px; border-radius: 15px; }
.area_comingsoon .area_head .bedge + h2 {margin-top: 20px}
.area_comingsoon .inner_flex {margin-top: 60px;}
.area_comingsoon .box {position: relative; width: calc(100%/3 - 40px); padding: 50px 40px 40px; box-sizing: border-box; background: #fff; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);
border-radius: 15px;}
.area_comingsoon .box + .box {margin-left: 60px}
.area_comingsoon .box h3 {font-size: 28px; font-weight:500; text-align:center }
.area_comingsoon .ic_channel01 {position: absolute; top: -30px; left: calc(50% - 60px/2); width: 60px; height: 60px; border-radius:16px; } 
.area_comingsoon .ic_channel01.do {background-position: 11px 10px}
.area_comingsoon .ic_channel01.accounting {background-position: -86px 7px}
.area_comingsoon .ic_channel01.management {background-position: -194px 10px}
.area_comingsoon .list_item {margin-top: 40px; padding-left: 10px}
.area_comingsoon .item + .item {margin-top: 20px}
.area_comingsoon .item .tit {position: relative; font-size:  18px; font-weight: 500; }
.area_comingsoon .item .tit .ic_stopwatch {position: absolute; top: 5px; left: -20px} 
.area_comingsoon .item .desc {margin-top: 4px; font-weight: 300; color:#888 }
.area_comingsoon .item .desc .bold {font-weight: 400;}


.management h2 .en {font-size: 28px; font-weight: 100;} 
.management .area_service .list_func .item_cont {padding-left: 50px;}
.management .tab_contents .btn_txt_tiny {color: #3851E7}
.management .tab_contents .noti {font-size: 14px; color: #888}
.management .area_mobile .list_func .item {position: relative; margin-top: 60px; padding: 0; width: calc(100%/3);}
.management .area_mobile .list_func .item h3 {margin-top: 12px; font-size: 21px; text-align: center;}
.management .area_mobile .list_func .item_cont,
.management .area_mobile .list_func .item_thumb {text-align: center}
.management .area_mobile .list_func .item_cont  {padding: 0; margin-top: 20px}
.management .area_mobile .list_func .item_cont .desc {font-size: 16px}


.payslip .area_revised {padding-top: 80px;}
.payslip .area_revised p.tit {font-size: 21px; text-align: center; font-weight: 300}
.payslip .area_revised p.tit .bold {font-weight: 500}
.payslip .area_revised p.desc {margin-top: 100px; font-size:  18px; color: #333;text-align: center;}
.payslip .area_revised .list_item {display:  flex; flex-wrap: wrap; width: 90%; margin: 70px auto 0;}
.payslip .area_revised .item {flex: 1; position: relative; padding: 40px;background: #FFFFFF; border: 1.5px solid #3851E7; box-sizing: border-box; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.12); border-radius: 15px;}
.payslip .area_revised .item h3 {position: absolute; top: -28px; left: 50%; margin-left: -90px; width:180px; height:50px; font-size:18px; font-weight: 500; line-height: 50px; background: #3851E7; text-align:center; border-radius:25px; color: #fff; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);}
.payslip .area_revised .item .box {display: table; margin-top: 12px; width: 100%; height: 80px; background: #F5F7F9; border-radius: 8px; text-align: center;}
.payslip .area_revised .item p {display: table-cell; font-size: 18px; vertical-align:middle; }
.payslip .area_revised .item:first-child {border: 1px solid #DDDDDD; margin-right: 100px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);}
.payslip .area_revised .item:first-child h3 {background: #cbcbcb; color: inherit} 
.payslip .area_revised .item:first-child p {font-weight: 300}
.payslip .area_revised .item:first-child:after {content: ''; position:  absolute; top: 50%; right: -75px; width: 50px; height: 40px; margin-top: -24px; background: url('../images/ic_com.svg') -230px -236px;; background-size: 2280px; }
.payslip .area_revised .desc .fs_red6 {text-decoration: underline; font-weight: 500}
.payslip .area_feature .list_func .item_cont {text-align: center}
.payslip .area_feature .list_func .item {position: relative; padding: 0; width: calc(100%/3)}
.payslip .area_feature .list_func .item h3 {margin-top: 12px; font-size: 21px; text-align: center;}
.payslip .area_feature .list_func .item .desc {font-size:16px; text-align: center;}
.payslip .area_feature .list_func .desc {margin-top: 4px}
.payslip .area_feature .list_func .item + .item:before {content: ''; position:  absolute; top: 110px; left: -18px; width: 34px; height: 62px; background: url('../images/ic_com.svg') -410px -210px;}
.payslip .area_feature .item_thumb {margin-top: 24px; text-align: center;}
.payslip .area_service .list_func .item {padding: 50px 0 0;}
.payslip .area_service .list_func h3 {margin-top: 12px;}
.payslip .area_service .list_func .item_thumb {flex: 55%}
.payslip .area_service .list_func .item_cont {flex: 45%}
.payslip .area_check .list_func h3 {font-weight: 300}
.payslip .area_check .list_num li {position: relative; margin-top: 20px; padding-left: 40px}
.payslip .area_check .list_num li .num_s1 {position: absolute; left: 0}
.payslip .area_check .list_num li .dt {font-size: 18px; font-weight: 700;}
.payslip .area_check .list_num li .dd {margin-top: 4px; font-size: 18px; font-weight: 300; color: #777}
.payslip .area_check .list_func .item {padding-top: 60px}
.payslip .area_check .list_func .item_cont {flex-basis: 55%; padding-top: 0}
.payslip .area_check .list_func .item_thumb {flex-basis: 45%}


.down .area_step .inner_flex {justify-content: center;}
.down .box_type1 {width: calc(100%/3 - 120px); padding: 60px 30px 100px; box-sizing: border-box; transition: background .15s ease-out 0s,border .15s ease-out 0s,transform .15s ease-out 0s;}
.down .box_type1 .num_s1 {position: absolute; top: -13px; left: 50%; margin-left: -13px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);}
.down .box_type1 h3 {font-size: 24px; text-align: center;}
.down .box_type1 p {margin-top: 10px; text-align: center; color: #888; font-weight: 300}
.down .box_type1 + .box_type1 {margin-left: 80px;}
.down .box_type1 .ic_com.link {position: absolute; bottom: 30px; left: 50%; margin-left: -16px;}
.down .box_type1 .txt_link {display: block; width: 100px; margin-left: -50px; position: absolute; bottom: 30px; left: 50%; text-align: center; font-size: 14px; text-decoration: underline;}
.down .box_type1 .btn_txt {display: block; width: 100px; margin-left: -50px; position: absolute; bottom: 30px; left: 50%; text-align: center; font-size: 14px; color: #333; text-decoration: underline}
.down .box_type1 .btn_txt .ic_arrow_link {}
.down .area_step .item + .item:before {content: ''; position:  absolute; top: 110px; left: -56px; width: 34px; height: 62px; background: url('../images/ic_com.svg') -410px -210px; opacity: 0.7}
.down .box_type1:hover {border-color: #9BA8F3; transform: translate3d(0,-3px ,0); box-shadow: 0 8px 20px 0 rgb(0 0 0 / 20%);}
.down .box_type1:hover .num_s1 {background: #3851e7; color: #fff}
.down .box_type1:hover h3,
.down .box_type1:hover .btn_txt {color: #3851E7; text-decoration: none}
.down .box_type1:hover .txt_link {color: #3851E7}
.down .box_type1:hover p {color: #333}
.down .box_type1:hover .btn_txt .ic_arrow_link {background-position: -100px -104px}


.down2 .content_body .inner {max-width:1060px; }
.down2 .content_body .area_cont .tit {position: relative; font-size:24px; font-weight:bold; text-align: left;}
.down2 .content_body .area_cont .tit:after {content: ''; position: absolute; top: 50%; left: -16px; width: 8px; height: 3px; background: #333; }
.down2 .inner_flex {justify-content: center;}
.down2 .list_item {margin-top: 32px;}
.down2 .box_type1 {width: calc(100%/3 - 60px); padding: 60px 30px 100px; border-color: #d8d8d8; box-sizing: border-box; transition: background .15s ease-out 0s,border .15s ease-out 0s,transform .15s ease-out 0s;}
.down2 .box_type1 .num_s1 {position: absolute; top: -13px; left: 50%; margin-left: -13px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);}
.down2 .box_type1 h3 {font-size: 24px; text-align: center;}
.down2 .box_type1 p {margin-top: 10px; text-align: center; color: #888; font-weight: 300}
.down2 .box_type1 + .box_type1 {margin-left: 80px;}
.down2 .box_type1 .ic_com.link {position: absolute; bottom: 30px; left: 50%; margin-left: -16px;}
.down2 .box_type1 .txt_link {display: block; position: absolute; bottom: 40px; left: 50%; width: 100px; margin-left: -50px; text-align: center; font-size: 14px; text-decoration: underline;}
.down2 .box_type1 .btn_txt {display: block; width: 100px; margin-left: -50px; position: absolute; bottom: 40px; left: 50%; text-align: center; font-size: 14px; text-decoration: underline}
.down2 .box_type1 .btn_txt .ic_arrow_link {}
.down2 .area_after .box_type1 {width: calc(100%/2 - 40px);  padding: 60px 60px 120px;}
.down2 .area_before .item + .item:before {content: ''; position:  absolute; top: 110px; left: -56px; width: 34px; height: 62px; background: url('../images/ic_com.svg') -410px -210px; opacity: 0.7}
.down2 a.box_type1:hover {border-color: #000; transform: translate3d(0,-3px ,0); box-shadow: 0 8px 20px 0 rgb(0 0 0 / 20%);}
.down2 a.box_type1:hover .btn_txt {color: #3851E7; text-decoration: none}
.down2 a.box_type1:hover .txt_link {color: #3851E7}
.down2 a.box_type1:hover p {color: #333}
.down2 a.box_type1:hover p.noti {color: #888}
.down2 a.box_type1:hover .btn_txt .ic_arrow_link {background-position: -100px -104px}
.down2 .line_top {border-top: 1px dashed #eaeaea}
.down2 .tooltip span.ic_info:hover > span.right {top: 44px; left: -170px}
.down2 .tooltip span.ic_info:hover > span.right i {right: 39%}



.price_ver2 .anchors {margin-top: 36px}
.price_ver2 .area_head h2 {font-size: 36px; font-weight: 500; text-align: left;}
.price_ver2 .area_head .desc {margin-top: 20px; text-align: left;}
.price_ver2 .fs_gray8 {font-size: 14px}
.price_ver2 .area_membership {padding-top: 50px}
.price_ver2 .area_membership .wrap_membership {display: flex; flex-wrap: wrap;}
.price_ver2 .card {position: relative; width: calc(100% / 3 - 16px); margin-right: 24px; padding: 40px 24px; background: #fff; border-radius: 16px; box-sizing: border-box; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.02); border: 1px solid #f0f0f0}
.price_ver2 .card:last-child {margin-right: 0}
.price_ver2 .card .card_header h3 {font-size: 30px; font-weight: 500; text-align: left}
.price_ver2 .card .card_header .txt_sub {margin-top: 4px; font-weight: 300; color: #888}
.price_ver2 .card .card_header .talkbubble {top: -48px; margin-left: -205px; width: 72px; height: 72px; padding-top: 20px; font-size: 13px}
.price_ver2 .card .card_header .talkbubble:hover {background-color:#555;}
.price_ver2 .card .card_body {margin-top:36px }
.price_ver2 .card .tb_meta {margin-top: 12px; background: #F5F7F9; border-radius: 4px}
.price_ver2 .card .tb_meta th,
.price_ver2 .card .tb_meta td {padding: 4px 12px; font-size: 13px}
.price_ver2 .card .tb_meta th {text-align: left}
.price_ver2 .card .tb_meta td {text-align: right; font-weight: bold; letter-spacing: 0}
.price_ver2 .card .tb_meta .data span {font-weight: normal; color: #888}
.price_ver2 .card .txt_grade {margin-left: 4px; font-size: 14px; line-height: 100%; letter-spacing: -1px; color: #888}
.price_ver2 .card .currency {font-size: 36px}
.price_ver2 .card .txt_cancel {text-decoration:line-through;}
.price_ver2 .card .price {font-size: 36px; font-weight: 500;}
.price_ver2 .card .wrap_btn {margin-top: 20px}
.price_ver2 .card .wrap_btn a,
.price_ver2 .tb_price .last a {min-width: inherit; width: 100%; padding: 0 20px; line-height: 52px; letter-spacing: -1px; font-weight: 400;}
.price_ver2 .card .wrap_btn .btn_major {border: 1px solid #00b3ce}
.price_ver2 .card .wrap_btn .bk {border-color: #c1c1c1}
.price_ver2 .card .wrap_btn .btn_ghost.gr:hover {background: none;     border-color: #3B5CE8;}
.price_ver2 .card .wrap_btn a + a {margin: 5px 0 0}
.price_ver2 .card.m2,
.price_ver2 .card.m3 {border-radius: 0 0 16px 16px}
/*
.price_ver2 .card.m2 {border: solid 1px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #00b3ce 0%, #3B5CE8 100%); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 1000px 1px #fff inset;}
.price_ver2 .card.m3 {border: 1px solid #00b3ce;}
*/
.price_ver2 .card .subtit {display: block; position: absolute; left:-1px; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-align: center; color:#fff; border: 1px solid #00b3ce;}
.price_ver2 .card.m2 .subtit,
.price_ver2 .card.m3 .subtit {top:-33px; border-radius:16px 16px 0 0; }
.price_ver2 .card.m2 .subtit {background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #00b3ce 0%, #3B5CE8 100%); background-origin: border-box; background-clip: content-box, border-box;}
.price_ver2 .card.m3 .subtit {background: #00b3ce; }
.price_ver2 .list_event li {margin-top: 8px}
.price_ver2 .area_membership .wrap_event {margin-top: 40px; border-top: 1px dashed #d8d8d8}
.price_ver2 .area_membership .list_noti {margin-top: 40px;}
.price_ver2 .area_membership .wrap_cta {padding: 50px 0 0}
.price_ver2 .area_faq .area_head h2,
.price_ver2 .area_faq .area_head .desc {text-align: center}
.price_ver2 .tb_price {width: 100%;}
.price_ver2 .tb_price h3 {font-size: 21px}
.price_ver2 .tb_price th,
.price_ver2 .tb_price td {position: relative; box-sizing: border-box; vertical-align: middle;}
.price_ver2 .tb_price thead th {padding: 20px; background: #ECEDF1; border: 1px solid #d8d8d8;}
.price_ver2 .tb_price thead th .subtit {display: block; position: absolute; left:0; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-align: center; color:#fff; }
.price_ver2 .tb_price thead th.m0 {background: transparent; border-width: 0 0 1px 0;}
.price_ver2 .tb_price thead th.m2 .subtit,
.price_ver2 .tb_price thead th.m3 .subtit {top:-33px; border-radius:16px 16px 0px 0px; }
.price_ver2 .tb_price thead th.m2 .subtit {background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #25CAD3 0%, #3851E7 100%); background-origin: border-box; background-clip: content-box, border-box;}
.price_ver2 .tb_price thead th.m3 .subtit {background: #1FBCC5; }
/*
.tb_price thead th.m1 {border-radius: 8px 0 0 0;}
.tb_price thead th.m4 {border-radius: 0  8px 0 0;}
*/
.price_ver2 .tb_price tbody th,
.price_ver2 .tb_price tbody td {padding: 20px 8px; border-top: 1px solid #E8EBEE; border-right: 1px solid #D8D8D8}
.price_ver2 .tb_price tbody th {padding: 20px 8px 20px 28px; text-align: left}
.price_ver2 .tb_price tbody td {background: #fff; text-align: center}
.price_ver2 .tb_price th.label {padding: 8px; background: #F0F1F4;  border-top-color: #D8D8D8}
.price_ver2 .tb_price tbody tr:hover, 
.price_ver2 .tb_price tbody tr:hover td {background: #F2F6FD;}
.price_ver2 .tb_price tbody tr.label:hover {background:transparent;}
.price_ver2 .tb_price .ic_channel02 {display: inline-block; width: 20px; height: 20px; background-size: 240px; vertical-align: bottom;}
.price_ver2 .tb_price .ic_channel02.do {background-position: 0px -44px}
.price_ver2 .tb_price .ic_channel02.accounting {background-position: -44px -44px}
.price_ver2 .tb_price .ic_channel02.management {background-position: -88px -44px}
.price_ver2 .tb_price thead th:nth-child(2),
.price_ver2 .tb_price thead th:nth-child(3),
.price_ver2 .tb_price thead th:nth-child(4),
.price_ver2 .tb_price tbody th:nth-child(2),
.price_ver2 .tb_price tbody th:nth-child(3),
.price_ver2 .tb_price tbody th:nth-child(4),
.price_ver2 .tb_price tbody td:nth-child(2),
.price_ver2 .tb_price tbody td:nth-child(3),
.price_ver2 .tb_price tbody td:nth-child(4),
.price_ver2 .tb_price tbody td.pick {border-right-color: #1FBCC5 ;}
.price_ver2 .tb_price tbody tr:last-child td {border-bottom: 1px solid #d8d8d8}
.price_ver2 .tb_price tbody tr:last-child td:nth-child(3),
.price_ver2 .tb_price tbody tr:last-child td:nth-child(4) {border-bottom-color:#1FBCC5}
.price_ver2 .tb_price .fs_point_b.small {font-size: 14px;}
.price_ver2 .tb_price .depth3 {border-top-color: transparent}
.price_ver2 .tb_price th.depth3 {font-weight: 300}
.price_ver2 .area_data .tb_data th,
.price_ver2 .area_data .tb_data td {width: 20%}
.price_ver2 .area_data .tb_price .last {padding: 40px 20px; border-top-color: #fff; }
.price_ver2 .area_data .tb_price tbody tr:last-child:hover td {background: #fff} 
.price_ver2 .area_compare .wrap_btn_l {margin-top: 12px;}
.price_ver2 .area_compare .wrap_btn_l a {text-decoration: underline}
.price_ver2 .area_compare .wrap_btn.recommend {margin-top: 60px;}
.price_ver2 .area_compare .tb_price,
.price_ver2 .area_membership .wrap_membership {margin-top: 80px;}
.price_ver2 .tb_data_thead {padding-top: 112px; width: 100%; background: #fff}
.price_ver2 .area_data .wrap_bn {margin-top: 60px}
.price_ver2 .area_compare .ic_com.ic_link {background-color: #F5F7F7 } 
.price_ver2 .area_data .ic_com.ic_link {background-color: #fff } 
.price_ver2 .footer_groupSelc {margin-bottom: 180px;}
.price_ver2 .wrap_bn {padding-top: 100px}


.price_ver2 .area_calculator {padding-top:0}
.price_ver2 .wrap_calculator {margin-top: 32px; padding: 50px 0; border: 1px solid #d9d9d9;border-radius: 20px}
.price_ver2 .wrap_calculator  > div {flex:1;}
.price_ver2 .wrap_calculator .col1 {padding:0 50px 0 80px; border-right: 1px solid #e9e9e9;}
.price_ver2 .wrap_calculator .col2 {padding:0 80px 0 50px} 
.price_ver2 .wrap_calculator .col1 .row {margin-top: 12px}
.price_ver2 .wrap_calculator .col1 .com_number {position: relative; display: inline-block; width: 112px;  height: 32px;  border: 1px solid #999;  border-radius: 24px; background-color: #fff; text-align: center;}
.price_ver2 .wrap_calculator .wrap_item {margin-top: 40px}
.price_ver2 .wrap_calculator .wrap_item:first-child {margin-top: 0}
.price_ver2 .wrap_calculator .wrap_item .cont {margin-top: 12px}
.price_ver2 .wrap_calculator .tit_txt {padding-top:10px; font-size: 18px; font-weight: bold;  }
.price_ver2 .wrap_calculator .com_number:focus-visible {outline: 1px solid #000;}
.price_ver2 .wrap_calculator .radio_group {flex-wrap: wrap}
.price_ver2 .wrap_calculator .radio_group span {padding: 0;}
.price_ver2 .area_calculator .wrap_calculator .com_ck {margin-right: 30px;}
.price_ver2 .wrap_noti .list_noti {margin-top:30px;}
.price_ver2 .com_ck.bk {height: auto; min-height: 30px;}
.price_ver2 .com_ck.bk .checkmark {box-sizing: border-box; background: transparent;}
.price_ver2 .com_ck.bk:hover .checkmark { background: transparent;}
.price_ver2 .com_ck.bk label input:checked ~ .checkmark {background: #000}
.price_ver2 .com_ck.bk:hover input:disabled + .checkmark {background: transparent;} 
.price_ver2 .wrap_calculator .disabled label:hover {cursor: not-allowed}
.price_ver2 .wrap_calculator .disabled,
.price_ver2 .wrap_calculator .disabled .fs_point {color: #aaa}
.price_ver2 .wrap_calculator .price_box { padding: 24px 30px 20px; background:#f5f7f9; border-radius:16px }
.price_ver2 .wrap_calculator .price_box .row {display: flex;}
.price_ver2 .wrap_calculator .price_box .row1 {padding-bottom: 20px}
.price_ver2 .wrap_calculator .price_box .row2 {padding-top: 20px; border-top: 1px solid #E3E4E5;}
.price_ver2 .wrap_calculator .price_box .row2 .tit_txt {font-size: 16px}
.price_ver2 .wrap_calculator .price_box .row2 .txt_desc {font-size: 14px; color: #888; text-align: right}
.price_ver2 .wrap_calculator .price_box .row .cont {flex: auto; text-align: right}
.price_ver2 .wrap_calculator .month .txt_num {font-size: 28px; font-weight: bold; color:#00b3ce; }
.price_ver2 .wrap_calculator .month .txt_grade {font-size: 18px; color:#00b3ce; }
.price_ver2 .wrap_calculator .wrap_price .desc_info {margin-top: 8px; padding-right: 30px; font-size: 14px; color: #888; text-align: right}
.price_ver2 .wrap_calculator .wrap_detail {margin-top: 10px; padding: 0 30px}
/*.price_ver2 .wrap_calculator .item {display: flex;}*/
.price_ver2 .wrap_calculator .item .tb_price_de th {text-align: left}
.price_ver2 .wrap_calculator .item .tb_price_de td {text-align: right}
.price_ver2 .wrap_calculator .item .txt_num {font-weight: 500}
.price_ver2 .wrap_calculator .item.base .txt_num {font-weight: normal;}
.price_ver2 .wrap_calculator .wrap_detail .item + .item {border-top: 1px dashed #d1d1d1}
.price_ver2 .area_calculator .wrap_lead2 {margin-top: 48px;}
.price_ver2 .area_calculator .wrap_lead2 .tit {font-size: 16px; color: #888}
.price_ver2 .area_calculator .wrap_lead2 .wrap_btn {margin-top: 12px}
.price_ver2 .area_calculator .fs_gray8 {font-size: inherit}
/*23.04.20 untact*/
.price_ver2 .btn_untact {border-color:#00b3ce; color:#00b3ce; }
.price_ver2 .btn_untact .flex_txt {display:flex; align-items: center; justify-content: center; font-weight:500}
.price_ver2 .ic_gift {display: inline-block; width: 34px;  height: 34px; background: url(../images/main_new/ic_cta.svg) no-repeat -130px 0; }
.price_ver2 .list_event .bedge_event {background: #D9EFF2; color: #00B3CE; letter-spacing: -1px; }

/*23.05.10 calculator*/
.tag_recommend {display: inline-block; height:20px; font-weight: 700; font-size: 12px;color: #EE817D; background: #FEEDEB; border-radius: 12px;}
.price_ver2 .area_calculator .user .txt {font-size: 20px}
.price_ver2 .area_calculator .info_txt {margin-left:6px; font-size:14px; color: #999;}
.price_ver2 .area_calculator .com_ck {gap:4px; align-items: center}
.price_ver2 .area_calculator .info_txt .bold {color: #333;}
.price_ver2 .area_calculator .tit {margin-top:6px;}
.price_ver2 .area_calculator .tit .info_txt {margin-left:0px;}
.price_ver2 .wrap_calculator .wrap_option .item {display:flex;}
.price_ver2 .wrap_calculator .wrap_option .item + .item {margin-top:12px}
.price_ver2 .wrap_calculator .wrap_option .subtit {width:15%; min-width: 80px; color:#888}
.price_ver2 .wrap_calculator .wrap_option .radio_group {width:85%}
.price_ver2 .wrap_calculator .wrap_option .row {display: flex; margin-top: 0}
.price_ver2 .wrap_calculator .wrap_option .row + .row {margin-top:8px}
.price_ver2 .wrap_calculator .wrap_option .row .com_ck {margin-right:0; flex-basis:40%; gap: 4px; align-items: center;}
.price_ver2 .wrap_calculator .wrap_option .recommend:after {content:'추천'; position:absolute; display: inline-block; height:24px; padding:3px 8px 0; font-weight: 700; font-size: 12px; line-height:1.4; color: #EE817D; background: #FEEDEB; border-radius: 12px; box-sizing: border-box;}
.price_ver2 .wrap_calculator .wrap_option .tag_recommend {padding: 2px 8px;}
.price_ver2 .wrap_calculator .radio_group span.tag_event {padding: 2px 8px;}
.price_ver2 .wrap_calculator .col1 .meta {margin-top:20px; border: 1px solid #E6E6E6; border-radius: 12px; padding:20px; box-sizing:border-box}
.price_ver2 .wrap_calculator .col1 .meta .box {display:flex; align-items: center;
  justify-content: space-around;}
.price_ver2 .wrap_calculator .col1 .meta span {line-height: 32px; vertical-align: middle}
.price_ver2 .wrap_calculator .col1 .meta .tit {font-size:14px; color:#555;}
.price_ver2 .wrap_calculator .col1 .meta .txt_num {margin-left:8px; font-size:22px;  color:#555}
.price_ver2 .wrap_calculator .box_noti,
.price_ver2 .wrap_calculator .col1 .meta .box {padding: 16px 20px; background: #FFFDF0; border-radius: 10px; }
.price_ver2 .wrap_calculator .col1 .meta .bold {color: #333; font-weight:500}
.price_ver2 .wrap_calculator .box_noti {letter-spacing: -1.5px}
.price_ver2 .wrap_calculator .wrap_detail > .item {padding: 30px 0 20px; }
.price_ver2 .wrap_calculator .tb_price_de th,
.price_ver2 .wrap_calculator .tb_price_de td {padding:6px 0; font-size:14px; color:#888}
.price_ver2 .wrap_calculator .tb_price_de tfoot th,
.price_ver2 .wrap_calculator .tb_price_de tfoot td {font-weight:bold; color:#555}
.price_ver2 .wrap_calculator .item.base tfoot .txt_num {/*text-decoration:line-through;*/ font-weight: 500}
.price_ver2 .fs_point {color: #00b3ce}
.price_ver2 .wrap_calculator .list_bullet {margin-top: 12px;}
.price_ver2 .wrap_calculator .list_bullet li {font-size:14px; color: #888; line-height: 1.6}
.price_ver2 .wrap_calculator .list_bullet li:before {content: '※'}
.price_ver2 .wrap_calculator .price_box .year {margin-top:4px}
.price_ver2 .wrap_calculator .price_box th {text-align: left}
.price_ver2 .wrap_calculator .price_box td {text-align: right}
.price_ver2 .wrap_calculator .price_box thead th,
.price_ver2 .wrap_calculator .price_box thead td {padding-bottom:8px; font-weight:500}
.price_ver2 .wrap_calculator .price_box thead td {font-size:18px;}
.price_ver2 .wrap_calculator .price_box tbody th,
.price_ver2 .wrap_calculator .price_box tbody td {color: #888; font-size: 15px; line-height: 160%}
.price_ver2 .area_calculator .btn_wrap {display: flex; justify-content: center; align-items: center; gap: 20px;}
.price_ver2 .area_calculator .btn_wrap a {display: flex; justify-content: center; align-items: center; padding: 22px 36px; border-radius: 45px; font-size: 20px; line-height: 140%; letter-spacing: -1.5px}
.price_ver2 .area_calculator .btn_wrap .btn_general {padding:22px 44px; background:#00b3ce; border: 1px solid #00b3ce}
.price_ver2 .area_calculator .btn_ghost {border-color:#00b3ce; color:#00b3ce}
.price_ver2 .area_calculator .fw_l {font-weight:normal}
/*230718*/
.tag_event {display: inline-block; height:20px; font-weight: 500; font-size: 12px;color: #FF900E; background: #FEF6E6; border-radius: 12px;}
.tag_event .ic_info {background:url(../images/tag_info.svg) left 2px no-repeat;}
.area_calculator .tooltip span.tag_event {
  cursor: pointer;
  display: inline-block;
  margin-left: 1px;
  vertical-align: middle;
}
.area_calculator .tooltip span.tag_event + span.tooltip_cont {
  z-index: 2;
  display: none;
  font-size: 13px;
  line-height: 1.6;
  white-space: normal;
}
.area_calculator .tooltip span.tag_event:hover + .tooltip_cont {
  z-index: 100;
  display: block;
  position: absolute;
  top: -4px;
  left: 160px;
  background-color: #333;
  width: 285px;
  color: #ddd;
  word-break: normal;
  word-break: break-word;
  border-radius: 8px;
  padding: 12px;
  letter-spacing: -0.5px;
  font-weight: normal;
  text-indent: 0;
}
.area_calculator .tooltip span.tag_event:hover + span i {
  position: absolute;
  width: 0;
  height: 0;
  /*border-width: 10px 6px 10px 0;*/
}
.area_calculator .tooltip span.tag_event:hover + span i.tail_left {
  top: 8px;
  left: -8px;
  z-index: 2;
  border-right: 8px solid #333;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}


.works .area_service .item:first-child {padding-top: 0}
.works .area_service .list_func .inner_flex > div {flex: inherit}
.works .area_service .item .item_thumb {width: 60%}
.works .area_service .item .item_cont {width: 40%}
.works .area_comingsoon .box {padding: 50px 0 40px;}
.works .area_comingsoon .area_head .wrap_btn {margin-top: 28px}
.works .area_comingsoon .num_s1 {position: absolute; left: -25px; top: 4px; width: 20px; height: 20px; font-size: 14px; line-height: 20px; font-weight: 300;}
.works .area_comingsoon .box .item {min-height: 140px; padding: 0 60px;}
.works .area_comingsoon .box .item_thumb {text-align: center}
.works .list_box.b3 .box {width: }
.works .wrap_lead2 {margin-top: 30px}
.works .area_video .area_head {margin-bottom:50px;}
.works .ared_visual {height:670px;}


.wrap_card2 {}
.wrap_card2 .item {position: relative; width: calc(100%/3 - 20px); margin: 20px 10px; padding: 60px 30px 80px; background: #fff; box-sizing: border-box; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06); border-radius: 15px;}
.wrap_card2 .item .num_s1 {position: absolute; top: -15px; left: 50%; margin-left: -15px;}
.wrap_card2 .item h3 {font-size: 21px; text-align:center }
.wrap_card2 .item p {margin-top: 18px; font-size: 18px; color: #888}

.wrap_timeline {width: 760px; margin:80px auto 0; text-align:left; box-sizing: border-box;}
.wrap_timeline .item {position: relative; padding: 0 0 60px 100px; border-left:  1px dashed #d8d8d8;}
.wrap_timeline .item:last-child {border: none;}
.wrap_timeline .item .cont {padding-left: 32px; }
.wrap_timeline .item h3 {text-align: left}
.wrap_timeline .item h3 .highlighter:after {height: 10px; bottom: 3px;}
.wrap_timeline .item p {margin-top:16px; font-size: 18px; color:#888; font-weight: 300; }
.wrap_timeline .item p .bold {font-weight: 500; }
.wrap_timeline .item .wrap_time {position: absolute; left: -60px}
.wrap_timeline .item .bedge {margin: 10px; font-size: 14px;}
.wrap_timeline .item .wrap_btn {margin-top:32px; text-align:left }
.wrap_timeline .item .wrap_btn a {text-decoration: underline}
.wrap_timeline .item .wrap_btn .ic_arrow_r {vertical-align: text-top;}
.wrap_timeline .item .thumb {margin-top: 40px}


.telecommuting .wrap_card2 {margin-top: 52px;}
.telecommuting .wrap_card2 .bg_item01 {position: absolute; top: 70px; left: 60px; width: 116px; height: 106px; background: url(../images/telecommuting/img_bg_app01.png);}
.telecommuting .wrap_card2 .bg_item02 {position: absolute; top: 100px; right: -10px; width:150px ; height:144px ; background: url(../images/telecommuting/img_bg_app02.png);}
.telecommuting .wrap_card2 .bg_item03 {position: absolute; bottom: -40px; right: 30px; width: 351px ; height: 307px;background: url(../images/telecommuting/img_bg_app03.png);}

.enterprise .white {color:#fff;}
.enterprise h2 {font-size: 39px;}
.enterprise h3 {font-size: 32px;}
.enterprise .area_visual {height:840px; background: #333B49 url(../images/enterprise/enterprise_02-min.png) center bottom no-repeat; overflow: inherit}
.enterprise .area_visual h1 span {display: block;}
.enterprise .area_visual h1 .tit {padding: 0; font-size: 48px; font-weight: 500;  color: #fff;}
.enterprise .area_visual h1 .tit_sub {font-size: 26px; font-weight: 300; color: #fff}
.enterprise .area_visual .desc {margin-top: 16px; color: #C1C4C9; font-weight: 300;}
.enterprise .area_visual .character {position: absolute; bottom: -28px; left: 50%; margin-left: 52px;}
.enterprise .area_customer {padding: 30px 0 20px}
.enterprise .list_customer li {display: inline-block; padding: 0 30px 0; width: 150px; height: 150px; text-align: center; vertical-align: top;}
.enterprise .area_issue .list_box {flex-wrap: nowrap; margin-top: 50px}
.enterprise .area_issue .list_box .item {width: calc(100%/3 - 20px); height: inherit; margin: 0; padding: 40px 30px 80px;}
.enterprise .area_issue .list_box .item + .item {margin-left: 30px;}
.enterprise .area_issue .list_box .wrap_icon {display: block; margin: 0 auto; padding-top: 10px; width: 70px; height:70px; background: #F5F7F9;  border-radius: 50%; box-sizing: border-box;}
.enterprise .area_issue .list_box .ic.check {display: block; margin: 0 auto; width: 20px; height: 32px; border-width: 4px 0 0 4px;}
.enterprise .area_issue .list_box .tit {margin-top: 30px;font-size: 20px; font-weight: bold;}
.enterprise .area_issue .list_box .desc {margin-top: 20px; font-weight: 300; color: #333}
.enterprise .area_issue .list_box .desc .bold {font-weight: 400;}
.enterprise .area_issue .wrap_btn {margin-top: 54px}
.enterprise .anchors {margin-top: 45px; text-align: center}
.enterprise .area_feature .inner_flex {background: #fff; border-radius: 12px;}
.enterprise .area_feature .item {margin-top: 30px; padding: 0 }
.enterprise .area_feature .item:first-child {margin-top: 0}
.enterprise .area_feature .item_cont {position: relative; padding-left: 180px; width: 60%}
.enterprise .area_feature .ic_num {position: absolute; top: 0; left: 50px; font-size: 150px; font-weight: bold; color: #EFF2F4;}
.enterprise .area_feature h4 {font-size: 28px; font-weight: bold;}
.enterprise .area_feature .desc {margin-top: 10px; font-size: 18px; color: #888}
.enterprise .area_feature .list_check {display: block; margin-top: 20px}
.enterprise .area_feature .list_check li {padding-left: 24px; padding-bottom: 4px;}
.enterprise .area_feature .list_check li:before {}
.enterprise .area_feature .item_thumb {width: 40%; text-align: center}
.enterprise .area_state {padding-bottom: 0}
.enterprise .area_state .list_item {margin-top: 50px;}
.enterprise .area_state .item {position: relative; width: calc(100%/3 - 20px); height: auto;}
.enterprise .area_state .item p {text-align: center;}
.enterprise .area_state .item .tit {font-size: 18px;}
.enterprise .area_state .item .num {font-size: 32px; font-weight: 500; color: #3851E7}
.enterprise .area_state .item .desc {font-weight: 100; opacity: 0.8;}
.enterprise .area_state .item .graph {text-align: center}
.enterprise .area_state .item + .item:before {content: ''; position: absolute;  height: 100%; border-left: 1px solid rgba(255, 255, 255, 0.1);}
.enterprise .area_state .wrap_bn {padding-top: 100px}
.enterprise .area_type .list_item {margin-top: 50px}
.enterprise .area_type .item {width: calc(45% - 50px); height: auto; margin: 50px aruto 0; padding: 50px 80px; text-align: center; color: #333; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}
.enterprise .area_type .item + .item {margin-left:80px }
.enterprise .area_type .item .tit {font-size: 24px; font-weight: bold; color: #333;}
.enterprise .area_type .item .desc {margin-top: 8px; color: #888; line-height: 1.4}
.enterprise .area_type .thumb {margin-top: 16px; width: 100%; background: #F5F7F9; border-radius: 30px;}
.enterprise .area_type .list_bullet {width: 90%; margin: 24px auto 0; text-align: left}
.enterprise .area_issue.check .item {padding-bottom: 20px; text-align: center}
.enterprise .area_issue.check .desc {margin-top: 8px; font-weight: normal; line-height: 1.5;}
.enterprise .area_issue.check .list_bullet{margin: 24px auto 0;}
.enterprise .area_issue.check .list_bullet li {font-size: 14px; color: #888; font-weight: 300; text-align: left; line-height: 1.8}
.enterprise .area_issue.check .item:first-child .list_bullet {width: 80%}
.enterprise .area_issue.check .item:nth-child(2) .list_bullet {width: 70%}
.enterprise .area_issue.check .thumb,
.enterprise .area_issue.check .wrap_tag {margin-top: 36px; text-align: center}
.enterprise .area_issue.check .tag {display: inline-block; padding: 2px 12px; margin: 4px 2px; border-radius: 20px; border:1px solid #D8D8D8; font-size: 14px;}
.enterprise .area_reason .list_item {margin-top: 50px}
.enterprise .area_reason .item {position: relative; width: calc(50% - 50px); height: auto; padding-left: 110px; padding-bottom: 60px;}
.enterprise .area_reason .item .tit {margin-left: 0; font-size: 24px; font-weight: 500; line-height: 100%; }
.enterprise .area_reason .item .desc {margin-top: 8px; font-size: 14px; color: #888;}
.enterprise .area_reason .item .list_check {margin-top: 12px}
.enterprise .area_reason .item .ic_link { border: 1px solid #333; background-position: -5px -503px}
.enterprise .area_reason .list_check li { line-height: 1.8}
.enterprise .area_reason .list_check li:before {top: 6px; border-color: #333; border-width: 1px 0 0 1px;}
.enterprise .area_reason .ic_enterprise { display: inline-block; position: absolute; top: 40px; left: 30px; width: 50px; height: 50px; background: #F5F7F9 url(../images/enterprise/ic_enterprise-min.png) no-repeat center; border-radius: 12px;}
.enterprise .area_reason .ic_enterprise.e01 {background-position: 0 0} 
.enterprise .area_reason .ic_enterprise.e02 {background-position: -100px 0} 
.enterprise .area_reason .ic_enterprise.e03 {background-position: -200px 0} 
.enterprise .area_reason .ic_enterprise.e04 {background-position: -300px 0} 
.enterprise .area_step .wrap_btn,
.enterprise .area_reference .wrap_btn {margin-top: 100px}
.enterprise .list_reference {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; width: 100%; margin: 60px auto 0}
.enterprise .list_reference .item {width: calc(100% / 3); padding: 0 20px; box-sizing: border-box}
.enterprise .list_reference .box_talk {position: relative; padding: 30px 40px 0; height: 260px; background: #2B323E; font-size: 22px; font-weight: 100; border-radius: 12px 12px 12px 0px; color: #F5F7F9}
/*.enterprise .list_reference .box_talk:after {content: ''; position: absolute; left: 0; bottom: -32px; width: 62px; height: 67px; background: url(../images/enterprise/talk_tail.svg) no-repeat;}*/
.enterprise .list_reference .box_talk:after {content: ''; position: absolute; left: 0; bottom: -32px; width: 0; height: 0;
  border-bottom: 24px solid #2B323E;
  border-top: 24px solid transparent;
  border-left: 24px solid #2B323E;
  border-right: 24px solid transparent;
  transform: rotate(90deg); }
.enterprise .list_reference .box_talk .highlighter,
.enterprise .list_reference .box_talk .bold {font-weight: 400}
.enterprise .list_reference .meta {margin-top: 20px; padding-left: 20px}
.enterprise .list_reference .meta > span {display: inline-block; vertical-align: text-top;}
.enterprise .list_reference .meta .ci {width: 60px; height: 60px; background: #f5f7f9; border-radius: 50%;}
.enterprise .list_reference .wrap_name {margin: 4px 0 0 12px}
.enterprise .list_reference .wrap_name span {display: block}
.enterprise .list_reference .co {font-weight: 500}
.enterprise .list_reference .name {color: #888}
.enterprise .area_reference .btn_ghost {border-color: #f5f7f9; color:#f5f7f9 }
.enterprise .area_vs .inner {max-width: 1040px}
.enterprise .area_vs .tit {position: relative; font-size: 28px; text-align: center; font-weight: 200}
.enterprise .area_vs .tit:before {content: ''; position: absolute; top: -20px; left: 50%; margin-left: -20px; width: 40px; height: 2px; background: rgba(255, 255, 255, 0.3); }
.enterprise .area_vs .tit .bold {font-weight: 500}
.enterprise .area_vs .vs_01 {margin-top: 80px;}
.enterprise .area_vs .vs_01 .list_item {display:  flex; flex-wrap: wrap; width: 100%; margin: 40px auto 0;}
.enterprise .area_vs .vs_01 .list_item .item_head {width: 20%}
.enterprise .area_vs .vs_01 .list_item .item_body {width: 80%; display: flex; flex-wrap: wrap;}
.enterprise .area_vs .vs_01 .list_item h3 {width:100%; height:50px; font-size:18px; font-weight: 500; line-height: 50px; background: #3851E7; text-align:center; border-radius:20px 20px 0 0; color: #fff;}
.enterprise .area_vs .vs_01 .list_item .item_head h3 {background: transparent}
.enterprise .area_vs .vs_01 .list_item .item_head p {padding-left: 30px; color: #fff; text-align: left}
.enterprise .area_vs .vs_01 .item_body .item {flex: 1; position: relative; background: #2B323E; box-sizing: border-box; border-radius:20px 20px 0 0;}
.enterprise .area_vs .vs_01 .item_body .i_01 {box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);} 
.enterprise .area_vs .vs_01 .item_cont {padding: 10px 0 20px}
.enterprise .area_vs .vs_01 .item_cont .box {display: table; margin-top: 12px; width: 100%; height: 50px; text-align: center; border-bottom: 1px solid #525864}
.enterprise .area_vs .vs_01 .item_cont .box:last-child {border-bottom: none}
.enterprise .area_vs .vs_01 .item_cont .box.line2 {height: 80px}
.enterprise .area_vs .vs_01 .item_cont p {display: table-cell; vertical-align:middle; color: #ccc}
.enterprise .area_vs .vs_01 .item:last-child h3 {background: #666C76;} 
.enterprise .area_vs .vs_01 .item:last-child p {font-weight: 300}
.enterprise .area_vs .vs_02 {margin-top: 140px}
.enterprise .area_vs .vs_02 .list_box {margin-top: 40px; padding-left: 30px}
.enterprise .area_vs .vs_02 .list_box .item {display: flex; margin: 0; width:calc(100%/2 - 20px); height: 300px; border-radius: 12px; background: #2B323E; border: none} 
.enterprise .area_vs .vs_02 .list_box .item:last-child {margin-left: 40px}
.enterprise .area_vs .vs_02 .list_box .item > div {width: 50%}
.enterprise .area_vs .vs_02 h3 {font-size: 28px; font-weight: normal;}
.enterprise .area_vs .vs_02 .btn_general {margin-top: 16px; border-radius: 4px}
.enterprise .area_vs .vs_02 .txt_grade {color: #fff; font-weight: 300;}
.enterprise .area_vs .vs_02 .currency {font-size: 40px; line-height: 1.2; font-weight: 300;}
.enterprise .area_vs .vs_02 .price {font-size: 40px; line-height: 1.2;}
.enterprise .area_vs .vs_02 .list_noti {margin-top: 20px}
.enterprise .area_vs .vs_02 .list_noti li {margin-top: 0; font-weight: 100; font-size: 15px; color: #ccc}
.enterprise .wrap_bn {padding-top: 80px}
.enterprise .ic_step {background-color: #F5F7F9}
.enterprise .area_vs .inner {max-width: 1040px}
.enterprise .area_vs .tit {position: relative; font-size: 28px; text-align: center; font-weight: 200}
.enterprise .area_vs .tit:before {content: ''; position: absolute; top: -20px; left: 50%; margin-left: -20px; width: 40px; height: 2px; background: rgba(255, 255, 255, 0.3); }
.enterprise .area_vs .tit .bold {font-weight: 500}
.enterprise .area_vs .vs_01 {margin-top: 80px;}
.enterprise .area_vs .vs_01 .list_item {display:  flex; flex-wrap: wrap; width: 100%; margin: 40px auto 0;}
.enterprise .area_vs .vs_01 .list_item .item_head {width: 20%}
.enterprise .area_vs .vs_01 .list_item .item_body {width: 80%; display: flex; flex-wrap: wrap;}
.enterprise .area_vs .vs_01 .list_item h3 {width:100%; height:50px; font-size:18px; font-weight: 500; line-height: 50px; background: #3851E7; text-align:center; border-radius:20px 20px 0 0; color: #fff;}
.enterprise .area_vs .vs_01 .list_item .item_head h3 {background: transparent}
.enterprise .area_vs .vs_01 .list_item .item_head p {padding-left: 30px; color: #fff; text-align: left}
.enterprise .area_vs .vs_01 .item_body .item {flex: 1; position: relative; background: #2B323E; box-sizing: border-box; border-radius:20px 20px 0 0;}
.enterprise .area_vs .vs_01 .item_body .i_01 {box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);} 
.enterprise .area_vs .vs_01 .item_cont {padding: 10px 0 20px}
.enterprise .area_vs .vs_01 .item_cont .box {display: table; margin-top: 12px; width: 100%; height: 50px; text-align: center; border-bottom: 1px solid #525864}
.enterprise .area_vs .vs_01 .item_cont .box:last-child {border-bottom: none}
.enterprise .area_vs .vs_01 .item_cont .box.line2 {height: 80px}
.enterprise .area_vs .vs_01 .item_cont p {display: table-cell; vertical-align:middle; color: #ccc}
.enterprise .area_vs .vs_01 .item:first-child {border: 1px solid #3851E7; border-width: 0 1px 1px}
.enterprise .area_vs .vs_01 .item:last-child h3 {background: #666C76;} 
.enterprise .area_vs .vs_01 .item:last-child p {font-weight: 300}

.enterprise_features .content {background: #333B49}
.enterprise_features .content_head h1 {color:#fff; font-weight: 500} 
.enterprise_features .content_head p {color: #fff; font-weight: 200;}
.enterprise_features .list_step li {text-align: center}
.enterprise_price .area_tab h2 {color:#fff;}
.enterprise_price .area_overview h3 {color:#fff;}
.enterprise_price .tb_type2 .item_body h3 {font-size:18px; line-height:250%;}
.enterprise_price .area_price .wrap_list {max-width:1240px; margin:0 auto; padding: 60px 0 100px}
.enterprise_price .area_price .wrap_list .wrap_tit h3 {font-weight: 400; text-align: left}
.enterprise_price .area_price .wrap_list .wrap_tit .desc {margin-top: 12px; text-align: left; color: #888}
.enterprise_price .wrap_list.option {padding-bottom: 0; border-top:  1px dashed #C2C2C2;}
.enterprise_price .wrap_list.option .rowspan3 {height: 195px}
.enterprise_price .wrap_list.option .box.row2 {height: 89px}
.enterprise_price .wrap_list.option .item_head .box.row2 {line-height: 130%}
.enterprise_price .wrap_list.option .item_cont .box.tm {height: 60px}
.enterprise_price .tab_tit .tit {font-size: 32px}
.enterprise_price .tab_tit .desc {margin-top: 18px; font-size: 18px; font-weight: 200; color: #C2C4C8}
.enterprise_price .tab_tit .desc .bold {font-weight: 400}
.enterprise_price .tab_contents {text-align: center;}
.enterprise_price .tab_contents .item {position: relative; margin:80px 50px 0; padding-top: 52px; width: calc(50% - 100px); height: auto; background: #2B323E; border: 1px solid #666C76;  color: #fff}
.enterprise_price .tab_contents .item.do {border-color: #3851E7}
.enterprise_price .tab_contents .item.do:before {content: 'vs'; position: absolute; top: 50%;
    left: -75px; width: 50px; height: 40px; margin-top: -34px; color: #fff; font-size: 40px; font-weight: 100}
.enterprise_price .tab_contents .item_tit {position: absolute; top: -28px; left: 50%; margin-left: -90px; width:180px; height:50px; font-size:18px; font-weight: 400; line-height: 50px; background: #666C76; text-align:center; border-radius:25px; color: #fff; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);}
.enterprise_price .tab_contents .item.do .item_tit {background: #3851E7; }
.enterprise_price .tab_contents .item .desc {margin-top: 0; font-size: 18px; color: #fff; line-height: 1.4;}
.enterprise_price .tab_contents .item .fs_gray8 {font-size: 14px}
.enterprise_price .tab_contents .thumb {margin-top: 16px}
.enterprise_price .tab_contents .btn_txt {margin-top: 15px; font-weight:100; text-decoration:underline; color:#8AC7FF; font-size:16px }
.enterprise_price .wrap_cta {padding-bottom:100px;}
.enterprise_price .ic_channel02.min {display: inline-block; width: 20px; height: 20px; background-size: 240px; vertical-align: middle;}
.enterprise_price .ic_channel02.do {background-position: 0px -44px;}
.enterprise_price .ic_channel02.accounting {background-position: -44px -44px;}
.enterprise_price .ic_channel02.management {background-position: -88px -44px}
.enterprise_price .link_txt + .link_txt {margin-left: 10px}
.enterprise_price .link_txt .txt{vertical-align: middle;}
.enterprise_price .link_txt .ic_com.ic_link {margin-left: -2px; vertical-align: middle;}

.enterprise_connect .wrap_process {padding-bottom: 60px;}
.enterprise_connect .wrap_process .list_box {margin-top: 60px;}
.enterprise_connect .wrap_process .tit {font-size: 28px; font-weight: 200; text-align: center;}
.enterprise_connect .wrap_process .item {margin: 0; padding-top: 0;}
.enterprise_connect .wrap_process .item:first-child:after {right: -50px; width: 100px; height: 100px; background: url(../images/enterprise_connect/ec_arrow_pc.svg) no-repeat;}
.enterprise_connect .wrap_process .thumb {margin-top: 32px}
.enterprise_connect .wrap_case {padding-top: 60px; /*border-top: 1px dashed #C2C2C2;*/}
.enterprise_connect .list_case .tit {font-size: 24px; font-weight: bold;}
.enterprise_connect .list_case .desc {margin-top: 8px; padding-left: 20px; font-size: 18px; color: #888; font-weight: 300;}
.enterprise_connect .list_case .desc .bold {font-weight: 400}
.enterprise_connect .list_case .case + .case {margin-top:80px}
.enterprise_connect .case {margin-top: 60px; }
.enterprise_connect .case.c01 .list_step li {width: calc(100% / 3)}
.enterprise_connect .case.c02 .list_step li {width: calc(100% / 4)}
.enterprise_connect .list_step {margin-top: 36px; padding: 40px; border-radius: 16px; background: #fff; box-sizing: border-box; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);}
.enterprise_connect .list_step li {text-align: center}
.enterprise_connect .list_step .i_tit {font-size: 18px; font-weight: 500}
.enterprise_connect .list_step .i_desc {color: #888}
.enterprise_connect .list_step .bedge {padding: 3px 14px; font-size: 14px; border-radius: 20px;}
.enterprise_connect .list_step .bedge.do {background: #00A1B9}
.enterprise_connect .area_app .list_box {width: 90%; margin: 40px auto 0}
.enterprise_connect .area_app .item {margin: 25px; padding-top: 55px; width: 300px; background: #2B323E; border: 1px solid #666C76; color: #fff; text-align: center; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);}
.enterprise_connect .area_app .item .i_tit {margin-top: 10px; font-size: 18px; font-weight: 500;}
.enterprise_connect .area_app .item .i_desc {margin-top: 8px;font-weight: 200; color: rgba(255, 255, 255, 0.8);}
.enterprise_connect .area_interview h3 {text-align: left}
.enterprise_connect .area_interview .inner_flex > div {flex: 1}
.enterprise_connect .area_interview .item_video img {display: block}
.enterprise_connect .area_interview .item_cont h3 {margin-top: 16px; letter-spacing: -2px; line-height: 1.5}
.enterprise_connect .area_interview .item_cont .desc {margin-top: 12px; color: #888; line-height: 1.5; letter-spacing: -1px; font-weight: 100;}
.enterprise_connect .area_interview .item_video {position: relative; padding-top: 20px;}
.enterprise_connect .area_interview .item_video .ic_com.play {position: absolute; top: 36%; left: 50%; margin-left: -60px; opacity: 0.9; transition: all .3s;}
 .enterprise_connect .area_interview .btn_txt {margin-top: 32px; font-size: 16px;}

.api .area_vs .list_item {display: flex; flex-wrap: wrap; width: 90%; margin: 70px auto 0;}
.api .area_vs .item {flex: 1; position: relative; padding: 60px 40px 40px; background: #FFFFFF; border: 1.5px solid #3851E7; text-align: center; box-sizing: border-box; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.12); border-radius: 15px;}
.api .area_vs .item h3 {position: absolute; top: -28px; left: 50%; margin-left: -90px; width:180px; height:50px; font-size:18px; font-weight: 500; line-height: 50px; background: #3851E7; text-align:center; border-radius:25px; color: #fff; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);}
.api .area_vs .thumb {margin-top: 40px;}
.api .area_vs .item:first-child {border: 1px solid #DDDDDD; margin-right: 100px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);}
.api .area_vs .item:first-child h3 {background: #cbcbcb; color: inherit} 
.api .area_vs .item:first-child:after {content: ''; position:  absolute; top: 50%; right: -75px; width: 50px; height: 40px; margin-top: -24px; background: url('../images/ic_com.svg') -230px -236px;; background-size: 2280px; }
.api .area_vs + .wrap_cta {padding: 100px 0}
.api .area_feature {padding-top: 0}
.api .area_feature .list_func .item {padding: 60px 0}
.api .area_feature .item_cont {position: relative; width: 60%}
.api .area_feature .right .item_cont {padding-left: 60px}
.api .area_feature .item_thumb {width: 40%;}
.api .area_feature .item_thumb img {width: 100%;}
.api .ic_step {background-color: #fff}
.api .area_step .wrap_btn {margin-top: 80px}

.expense .list_func .item {position: relative; padding: 0; width: 25%;}
.expense .list_func .item h3 {margin-top: 12px; font-size: 21px; text-align: center;}
.expense .list_func .item_cont,
.expense .list_func .item_thumb {text-align: center}
.expense .list_func .item_cont .desc {font-size: 16px}
.expense .area_guide .tab_default {margin-top: 43px; text-align: center}
.expense .area_guide .list_func .item_thumb {margin-top: 20px}
.expense .area_feature .list_func .item,
.expense .area_mobile .list_func .item {margin-top: 60px;}
.expense .area_feature .list_func .item_cont,
.expense .area_mobile .list_func .item_cont  {padding: 0; margin-top: 20px}
.expense .wrap_cta {padding: 50px 0}

.landing_untact .content {margin-bottom: 200px;}
.landing_untact h1 .highlighter:after,
.landing_untact h2 .highlighter:after {bottom: 7px; height: 12px; border-radius: 6px}
.landing_untact .area_visual.bg_untact {height: 1160px; background-image:none}
.landing_untact .area_visual .sub_tit {text-align: center}
.landing_untact .area_visual h1 {margin-top: 8px;}
.landing_untact .area_visual h2 {margin-top: 20px;}
.landing_untact .area_visual .desc {margin-top:12px; color: #333; font-weight: 300;}
.landing_untact .area_visual .desc .bold {font-weight: 500;}
.landing_untact .area_visual .btn_general {box-shadow: inherit; font-size: 18px; font-weight: normal;}
.landing_untact .wrap_event {width: 800px; margin: 68px auto 0; }
.landing_untact .summary {position: relative; padding: 48px 130px; background: #fff; border: solid 2px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(0deg, #3851E7 0%, #25CAD3 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px #fff inset;border-radius: 30px}
.landing_untact .summary .dami {position: absolute; right: -93px; bottom: -50px; width: 340px; height: 340px; background: url(../images/untact_2022/untact_01-min.png) center no-repeat;}
.landing_untact .summary h3 {padding-bottom: 20px; font-size: 24px; text-align: center; border-bottom: 1px solid #eee;}
.landing_untact .summary table {margin-top: 24px; width: 100%;  }
.landing_untact .summary table th,
.landing_untact .summary table td {padding: 8px 0; font-size: 18px;}
.landing_untact .summary table th {width: 20%; color: #3851E7; text-align:left; font-weight:bold }
.landing_untact .summary table .fs_gray8 {margin-top: 10px; font-size: 14px}
.landing_untact .area_visual .wrap_btn a.btn_ghost {margin-left:-26%;}
.landing_untact .area_visual .wrap_noti {position: relative; margin-top: 24px}
.landing_untact .area_visual .wrap_noti h4 {position: absolute; top: 2px; left: 0; display: inline-block; font-size: 15px; font-weight: bold; color: #777}
.landing_untact .area_visual .wrap_noti h4 .ic_info {display: inline-block; margin-right: 8px; vertical-align: middle;}
.landing_untact .area_visual .list_bullet {padding-left: 88px}
.landing_untact .area_visual .list_bullet li {padding: 0 0 6px 10px; font-size: 14px; color: #777}
.landing_untact .area_visual .list_bullet .fs_gray8 {font-weight: 300}
.landing_untact .area_visual .list_bullet .btn_txt {margin:10px 0 0 2px; font-size:16px;}
.landing_untact .area_service h2 .sub_tit {margin-bottom: 8px; font-size: 24px; font-weight: normal; color: #bbb; letter-spacing: -2px;}
.landing_untact .area_service .service {margin-top: 80px}
.landing_untact .area_service .service img {width: 100%}
.landing_untact .area_service .talkbubble {width: 80px; height: 80px; padding: 0; line-height: 80px; top: 0; margin-left: -340px; font-size: 16px; font-weight: 300; letter-spacing: 0;}
.landing_untact .list_overview {margin-top: 80px}
.landing_untact .area_price .info_price,
.landing_untact .area_price .tb_price, 
.landing_untact .area_price .wrap_noti {margin: 40px auto 0; width: 960px; }
.landing_untact .area_price .info_price {position: relative; color: #888}
.landing_untact .area_price .info_price .vat {position: absolute; right: 0;}
.landing_untact .area_price .tb_price {margin-top: 10px}
.landing_untact .tb_price thead th {border-top: 1px solid #333}
.landing_untact .tb_price tbody th {background: #F5F7F9; text-align: center;}
.landing_untact .tb_price .view_pc.bedge {display: inline-block}
.landing_untact .tb_price tbody .line {border-bottom: 1px solid #999}
.landing_untact .tb_price tbody th .desc {font-size: 13px; color: #888; font-weight: 300;}
.landing_untact .tb_price tbody td.price {padding-right: 10px; text-align: right;}
.landing_untact .tb_price tbody td {text-align: center;}
.landing_untact .tb_price tbody td.left {text-align: left}
.landing_untact .tb_price .tooltip span.ic_info:hover > span {width: 180px; text-align: left}
.landing_untact .through {text-decoration:line-through; color: #888; font-weight: 300;}
.landing_untact .area_price .list_noti {margin-top: 0;}
.landing_untact .area_price .list_noti li {margin-top: 4px; font-size: 15px}
.landing_untact .area_price .wrap_flex {margin-top: 40px; width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between;}
.landing_untact .area_price .noti {padding-right:40px;}
.landing_untact .area_price .ex {padding: 28px 24px;border-radius: 20px; background: #F5F7F9;}
.landing_untact .area_price .ex h4 {font-size: 16px;}
.landing_untact .area_price .ex h4 .fs_gray8 {display: block; padding-bottom: 8px; font-size: 14px;}
.landing_untact .area_price .ex table {margin-top: 24px;}
.landing_untact .area_price .ex table th,
.landing_untact .area_price .ex table td {padding: 0 4px 6px; font-size: 14px;}
.landing_untact .area_price .ex table th {text-align: left}
.landing_untact .area_price .ex table td {text-align: right}
.landing_untact .area_price .ex table tr.total {border-top: 1px dashed #aaa;}
.landing_untact .area_price .ex tr.total th, .ex tr.total td {padding: 10px 0}
.landing_untact .area_price .wrap_lead2 {margin-top: 100px}
.wrap_bn.bn_untact .inner {padding: 20px 0 50px;}
.customer .wrap_bn.bn_untact .inner {padding:100px 0 50px;}


/* metaverse_220705*/
.metaverse .content {padding-top:80px; margin:0 auto;}
.metaverse .content_head {width:100%; margin:0 auto; position:relative; padding-top:0px; overflow:hidden;}
.metaverse .wrap_tit .bg_main_pc {display:block; margin:0 auto;}
.metaverse .wrap_tit .bg_main_mo {display:none;}
.metaverse .text_box {position:absolute; top:50%; left:50%; margin:-140px 0 0 -260px;}
.metaverse .text_box h1 {font-size:55px; color:#fff; margin-bottom:20px; text-shadow:10px 10px 30px #777;}
.metaverse .text_box span {display:block; font-size:18px; color:#fff; text-align:center; text-shadow:0px 0px 30px #333;}
.metaverse .bg_main_pc, .howto_pc {display:block;}
.metaverse .bg_main_mo, .howto_mo {display:none;}
.metaverse h1 {text-align:center; font-size:47px; line-height:130%;}
.metaverse .introduce {margin:0 auto; padding:100px 0 0 0; overflow:hidden;}
.metaverse .introduce .area_head_pc {display:block;}
.metaverse .introduce .area_head_mo {display:none;}
.metaverse .introduce .area_head_pc p.sub {text-align:center; color:#BBB; font-size:30px; font-weight:500; padding-bottom:10px;}
.metaverse .introduce .area_head_pc p.txt {font-size:20px; color:#777; text-align:center; font-weight:300; padding-top:30px;}
.metaverse .introduce .area_head_pc p span {font-weight:600; margin-left:-2px;}
.metaverse .introduce h3 {font-size:34px; font-weight:600; line-height:140%; text-align: left; margin-left:-2px;}
.metaverse .introduce p.sub {color:#bbb; font-size:25px; font-weight:500; margin-bottom:8px;}
.metaverse .introduce p.desc {font-weight:400; color:#888; margin-top:30px;}
.metaverse .introduce .contents_lounge_pc, .sales_lounge_pc {display:block; z-index:-2;}
.metaverse .introduce .contents_lounge_mo, .sales_lounge_mo {display:none;}
.metaverse .introduce .rectangle_con {width:100%; height:440px; z-index:-1; background-color:#EBFAC2; position:absolute; top:70px; right:-760px;}
.metaverse .introduce .rectangle_sales {width:100%; height:420px; z-index:-1; background-color:#0E74FB; position:absolute; top:200px; left:-850px;}
.metaverse .introduce .item_cont {padding-top:70px; padding-left:85px;}
.metaverse .introduce .item_cont_pc {display:block;}
.metaverse .introduce .item_cont_mo {display:none;}
.metaverse .introduce .item_left {padding:0; margin-bottom:180px;}
.metaverse .introduce .item {padding:0; margin-bottom:100px;}
.metaverse .list_func .right .item_cont {padding:110px 0 0 0;}
.metaverse .list_func .right .item_thumb {margin-left:0px;}
.list_func .item_cont_pc .btn_txt, .list_func .item_cont_mo .btn_txt {margin-top:36px;}
.metaverse .guide {width:100%; margin:0 auto; padding:100px 0; overflow:hidden; background-color:#F5F7F9;}
.metaverse .guide img {margin:70px auto;}
.metaverse .guide .area_head_pc {margin-bottom:50px; display:block;}
.metaverse .guide .area_head_mo {display:none;}
.metaverse .guide .wrap_btn {margin-top:50px;}
.metaverse .event {width:100%; margin:0 auto; padding:100px 0 0 0; position:relative; overflow:hidden;}
.metaverse .event .item_cont {margin:0 auto;}
.metaverse .event .area_head_pc {display:block;}
.metaverse .event .area_head_mo {display:none;}
.metaverse .event ul {text-align:center; margin:90px 0;}
.metaverse .event ul li {display:inline-block; margin-right:130px;}
.metaverse .event ul li:last-child {margin-right:0px;}
.metaverse .event ul li h3 {font-size:26px; margin:35px 0 12px 0;}
.metaverse .event ul li .desc {font-size:18px; margin-bottom:30px; line-height:170%; color:#444;}
.metaverse .event ul li .desc span {font-weight:600;}
.metaverse .event .ox_event_pc, .sns_event_pc {display:block; margin:0 auto;}
.metaverse .event .ox_event_mo, .sns_event_mo {display:none;}
.metaverse .event .circle01 {position:absolute; top:-120px; left:8%; background: url(../images/metaverse/circle01.png) 0% 0 no-repeat; display:block; width:230px; height:230px; z-index:1;}
.metaverse .event .circle02 {position:absolute; top:120px; right:-100px; background: url(../images/metaverse/circle02.png) 0% 0 no-repeat; display:block; width:320px; height:320px; z-index:1;}
.metaverse .event .circle03 {position:absolute; top:810px; right:85%; background: url(../images/metaverse/circle03.png) 0% 0 no-repeat; display:block; width:210px; height:210px; z-index:1;}
.metaverse .wrap_news {padding:90px 0 100px; background-color:#284868;}
.metaverse .wrap_news h2 {color:#fff; font-weight:500; letter-spacing:-1;}
.metaverse .wrap_btn {margin-top:50px;}
.metaverse .highlighter:after {content: ''; position: absolute; left: 1px; bottom: 7px; z-index: -1; width: 102%; height:12px; background: #60f7ff; border-radius: 3px;}


.oneteam .content_head {padding: 0 0 80px}
.oneteam .content_head .inner {height: 680px; padding-top: 120px; background: url(../images/oneteam/oneteam_bg-min.png) center no-repeat; background-size: cover; box-sizing: border-box; border-radius: 0 0 20px 20px;}
.oneteam .content_head h1 {font-family: 'NanumSquareRoundEB'; font-size: 52px; color: #fff}
.oneteam .content_head h1 .fw_l,
.oneteam .content_head p {font-family: 'NanumSquareRoundL'; color: rgba(255, 255, 255, 0.8);}
.oneteam .content_head .character {margin-top: 30px; height: 472px; background: url(../images/oneteam/oneteam_01-min.png) center no-repeat; background-size: contain;}
.oneteam h2 {font-size: 36px; font-weight: 600;}
.oneteam .subtit_line {font-weight: 500; text-decoration: underline}
.oneteam .subtit_line + h2 {margin-top: 12px}
.oneteam .area_head p {text-align: center}
.oneteam .area_story .story_de {margin-top: 30px; font-size: 18px; font-weight: 300; line-height: 180%; text-align: center}
.oneteam .area_story .wrap_img {margin-top: 80px; width:auto; text-align:center }
.oneteam .list_character {justify-content: space-between;}
.oneteam .list_character .item {margin: 20px 40px 0; width: calc(50% - 80px); height: auto; border-width: 0; box-shadow: none; }
.oneteam .list_character .tit {margin-right: 10px; font-size: 21px; font-weight: 500; }
.oneteam .list_character .subtit {font-weight: 200; }
.oneteam .list_character .info_de {margin-top: 12px; color:#888 }
.oneteam .area_feed h2 {font-weight: 200; color:#fff; margin-top:10px;}
.oneteam .area_feed .ic_instagram {display: block; margin: 0 auto; width: 50px; height: 50px; background: url(../images/oneteam/symbol_insta.png) center no-repeat; ;}
.oneteam .area_feed .wrap_img {display: block; margin-top: 60px; width:auto; text-align:center}
.oneteam .area_feed .wrap_lead2 {margin-top: 70px}

.dw_all .content_head h1 {font-weight: 500}
.dw_all .area_cont h2 {padding-left:15px; font-size: 36px; font-weight: 400; text-align: left}
.dw_all .area_cont {padding:100px 0 50px;}
.dw_all .list_card {display: flex; margin-top: 40px; flex-flow: wrap; align-content: flex-start;}
.dw_all .item_card {background: #fff; margin: 0 15px 60px; width: 290px; border-radius: 20px; box-shadow: 0 3px 6px rgb(25 25 25 / 10%); box-sizing: border-box; overflow: hidden; transition: all .2s }
.dw_all .item_card:hover {transform: translateY(-4px) translateZ(0); box-shadow: 2px 10px 20px 0px rgb(25 25 25 / 10%)}
.dw_all .list_card .card_thumb {background: #f5f7f9}
.dw_all .list_card .card_thumb img {display:block;}
.dw_all .list_card .card_btn {padding: 5px 20px}
.dw_all .list_card .btn_txt {display: inline-block; position: relative; padding: 10px; width: calc(50% - 2px); color: #333; font-weight: 400; font-size: 14px; text-align: center; box-sizing: border-box;}
.dw_all .list_card .btn_txt:first-child:after {content: ''; position: absolute; top:calc(50% - 12px); right: 0; width: 1px; height: 28px; background: #e9e9e9;}
.dw_all .list_card .btn_txt:hover {color: #00A1B9}
.dw_all .list_card .btn_txt.disabled,
.dw_all .list_card .btn_txt.disabled:hover {color: #cacaca; cursor: normal; font-weight: 300}
.dw_all .area_bn {margin:80px 0 100px;}

.dw_lead .wrap_col {display: flex; max-width: 1020px; justify-content:space-between;  }
.dw_lead .wrap_col .col {width: 450px;}
.dw_lead .wrap_col .area_head h1 {font-size: 42px; font-weight: 500; letter-spacing: -3px;}
.dw_lead .wrap_col .area_head .desc {font-weight: 300; color: #333}
.dw_lead .wrap_col .area_head .bold {font-weight: 500}
.dw_lead .radio_group.g3 span {padding-right: 20px}
.dw_lead .col2 {position: relative; padding: 100px 60px; box-sizing: border-box; border-radius: 16px}
.dw_lead .col2 .character {display: block; margin: 0 auto; width: 126px; height: 140px; background: url(../images/lead_down/dada-min.png) no-repeat;}
.dw_lead .col2 h2 {margin-top: 24px; font-family: 'NanumSquareRoundB'; font-size: 24px}
.dw_lead .col2 .list_doc {margin-top: 48px}
.dw_lead .col2 .list_doc img {margin: 0 auto; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);}
.dw_lead .col2 .list_doc .txt {margin-top: 24px; font-size: 14px; text-align:center}
.dw_lead .col2 .slick-dots {bottom: -60px}
.dw_lead .col2 .wrap_tit_box {display:flex; flex-direction:column;}
.dw_lead .col2 .sub {font-size:20px; font-weight:600; color:#20A9FF;}
.dw_lead .col2 .title {font-size:30px; font-weight:600; text-align:left; margin-top:10px;}
.dw_lead .col2 .desc {font-size:20px; color:#999; text-align:left; margin-top:10px;}
.dw_lead .col2 .img_thum {display:inline-block; width:220px; margin:120px 0 0 130px}
.dw_lead .col2 .img_thum img {width:100%;}
.dw_lead .area_bn_lead {margin:40px 0 80px; display:block;}
.dw_all.demo_done.ver2 .wrap_btn {text-align:left; margin:20px 0 0 16px;}
.dw_all.demo_done.ver2 .mint {color:#14BFC7;}
.dw_all.demo_done.ver2 .bg_img_card .layout_card .con {padding:34px 24px 0;}

.recommend .content_body {background-color:#F5F7F9; padding-top:60px; padding-bottom:150px;}
.recommend .content_body .section {max-width:800px; margin:0 auto;}
.recommend .wrap_slider {margin:0 auto 40px;}
.recommend .wrap_slider .slider_dots {display:flex; justify-content:flex-start; align-items:center; margin-top:30px;}
.recommend .wrap_slider .slider_dots li {width:15px; height:15px; margin-right:10px; border-radius:50%; background-color:#DCDEE1; cursor:pointer;}
.recommend .wrap_slider .slider_dots li.on {width:23px; height:23px; margin-right:12px; background-color:#333; color:#fff; font-size:13px; line-height:22px; text-align:center;}
.recommend .wrap_tit {margin:0 auto 60px;}
.recommend .wrap_tit h1 em {color:#3851E7; font-weight:500;}
.recommend .wrap_tit h1 i {font-weight:300; font-style:normal; color:#3851E7;}
.recommend .wrap_tit h1 {font-size:52px; font-weight:400; text-align:left; color:#333; letter-spacing:-1.8px;}
.recommend .wrap_tit h1 i.bk {font-weight:300; font-style:normal; color:#333;}
.recommend .wrap_tit p {font-size:26px; font-weight:400; text-align:left; color:#444; margin-bottom:10px;}
.recommend .wrap_con ul {margin:0 auto 60px; display:flex; justify-content:space-between;}
.recommend .wrap_con li {width:376px; height:270px; box-sizing:border-box; border-radius:10px; background-color:#fff; position:relative; cursor:pointer; transition: background 150ms ease-out 0s, border 150ms ease-out 0s, transform 150ms ease-out 0s, -webkit-transform 150ms ease-out 0s;}
.recommend .wrap_con li.on {border:2px solid #3851E7;}
.recommend .wrap_con li label {width:34px; height:34px; border-radius:50%; float:right; margin:28px 28px 0 0; display:inline-block; background-color:#E9EEF3; position:absolute; top:-5px; right:-5px;}
.recommend .wrap_con li.on label {background-color:#3851E7;}
.recommend .wrap_con li label span {width:20px; height:20px; display:inline-block; background:url(../images/recommend/ic_recommend.svg) -293px -4px; margin:7px;}
.recommend .wrap_con li.on label span {background:url(../images/recommend/ic_recommend.svg) -290px -22px; margin:5px 4px;}
.recommend .wrap_con li.on p, .select li:hover p {font-size:24px; font-weight:500; color:#333; margin-top:20px;}
.recommend .wrap_con li:hover {transform: translate3d(0px, -3px, 0px); -webkit-transform: translate3d(0px, -3px, 0px); box-shadow: rgb(0 0 0 / 8%) 0px 3px 10px 0px; -webkit-box-shadow: rgb(0 0 0 / 5%) 0px 10px 20px 0px;}
.recommend .wrap_con .text {text-align:center; margin-top:20px;}
.recommend .wrap_con .img {width:124px; height:120px; background:url(../images/recommend/img_oneteam.png); display:inline-block; text-indent:-1000em;}
.recommend .section.cloud .img.true {background-position:0px -1px;}
.recommend .section.cloud .img.false {width:110px; background-position:-123px -1px;}
.recommend .section.link .img.true {background-position:2px -123px;}
.recommend .section.link .img.false {background-position:-120px -124px;}
.recommend .section.infra .img.true {background-position:-245px 1px;}
.recommend .section.infra .img.false {background-position:-368px 1px;}
.recommend .section.daou .img.true {background-position:-245px -123px;}
.recommend .section.daou .img.false {background-position:-368px -123px;}
.recommend .wrap_con p {font-size:24px; font-weight:500; color:#bbb; margin-top:20px; letter-spacing:-1px;}
.recommend .wrap_btn {margin:0 auto;}
.recommend .wrap_btn .next_btn {width:230px; height:64px; border-radius:60px; -webkit-border-radius:60px; background-color:#3856E7; border:none; color:#fff; font-weight:500; font-size:20px; line-height:28px; cursor:pointer; transition: background 150ms ease-out 0s, border 150ms ease-out 0s, transform 150ms ease-out 0s, -webkit-transform 150ms ease-out 0s;}
.recommend .wrap_btn .next_btn:hover {background-color:#3F5AFF; transform: translate3d(0px, -3px, 0px); -webkit-transform: translate3d(0px, -3px, 0px); box-shadow: rgb(0 0 0 / 8%) 0px 3px 10px 0px; -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 3px 10px 0px;}
.recommend .wrap_btn .prev_btn {width:62px; height:62px; box-sizing:border-box; border-radius:50px; background-color:#F5F7F9; border:2px solid #D6D6D6; cursor:pointer; margin-right:20px; transition: background 150ms ease-out 0s, border 150ms ease-out 0s, transform 150ms ease-out 0s, -webkit-transform 150ms ease-out 0s;}
.recommend .wrap_btn .prev_btn span {width:25px; height:25px; position:relative; background:url(../images/recommend/ic_recommend.svg) -1391px -1px; display:inline-block;}
.recommend .wrap_btn .prev_btn:hover {background-color:#F9F9F9; transform:translate3d(0px, -3px, 0px); -webkit-transform: translate3d(0px, -3px, 0px); box-shadow: rgb(0 0 0 / 8%) 0px 3px 10px 0px; -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 3px 10px 0px;}

.recommend_result .content_body {background-color:#F5F7F9; padding:120px 0;}
.recommend_result .content_body .section {max-width:1080px; margin:0 auto;}
.recommend_result .wrap_tit {margin:0 auto 65px; display:flex; flex-direction:column; align-items:center;}
.recommend_result .wrap_tit h1 {font-size:50px; font-weight:600; text-align:center; color:#333; letter-spacing:-3px;}
.recommend_result .wrap_tit .img {height:110px; background:url(../images/recommend/ic_recom_thum.png); display:inline-block; text-indent:-1000em; margin-bottom:20px;}
.recommend_result .wrap_tit .recommend_saas {width:164px; background-position:0 0px;}
.recommend_result .wrap_tit .recommend_vpc {width:200px; background-position:-206px 0px;}
.recommend_result .wrap_tit .onpremise {width:180px; background-position:-409px 0px;}
.recommend_result .wrap_tit .btn_txt {margin-top:38px; cursor:pointer; transition: background 150ms ease-out 0s, border 150ms ease-out 0s, transform 150ms ease-out 0s, -webkit-transform 150ms ease-out 0s;}
.recommend_result .wrap_tit .btn_txt:hover {transform: translate3d(0px, -3px, 0px); -webkit-transform: translate3d(0px, -3px, 0px);}
.recommend_result .wrap_tit .tag {margin-top:38px;}
.recommend_result .wrap_tit .tag li {padding:3px 12px; font-size:13px; font-weight:500; background-color:#E5ECF3; color:#7F90A6; border-radius:6px; display:inline-block;}
.recommend_result .wrap_tit .tag li:first-child {margin-right:8px;}
.recommend_result .wrap_tit p {font-size:17px; text-align:center; color:#888; font-weight:400; line-height:30px; margin-top:22px;}
.recommend_result .wrap_tit p em {font-weight:600;}
.recommend_result .wrap_con .detail {width:1080px; display:flex; flex-wrap:wrap; margin:0 auto;}
.recommend_result .wrap_con li {width:345px; padding:50px 0; box-sizing:border-box; border:1px solid #E8EEF3; border-radius:10px; background-color:#fff; transition: background 150ms ease-out 0s, border 150ms ease-out 0s, transform 150ms ease-out 0s, -webkit-transform 150ms ease-out 0s;}
.recommend_result .wrap_con li:hover {transform:translate3d(0px, -3px, 0px); -webkit-transform: translate3d(0px, -3px, 0px); box-shadow: rgb(0 0 0 / 8%) 0px 3px 10px 0px; -webkit-box-shadow: rgb(0 0 0 / 5%) 0px 10px 20px 0px;}
.recommend_result .wrap_con li:nth-child(1),.recommend_result .wrap_con li:nth-child(2),.recommend_result .wrap_con li:nth-child(4),.recommend_result .wrap_con li:nth-child(5) {margin-right:22px;}
.recommend_result .wrap_con li:nth-child(1),.recommend_result .wrap_con li:nth-child(2),.recommend_result .wrap_con li:nth-child(3) {margin-bottom:20px;}
.recommend_result .wrap_con li .tit {text-align:center;}
.recommend_result .wrap_con li .tit p {font-size:28px; color:#333; font-weight:400; line-height:38px; margin-top:20px;}
.recommend_result .wrap_con li .txt p span {width:20px; height:20px; margin-right:8px; background:url(../images/recommend/ic_recommend.svg) -269px 0; display:inline-block;}
.recommend_result .wrap_con li .txt {text-align:center; padding:0 25px;}
.recommend_result .wrap_con li .txt em {font-weight:600;}
.recommend_result .wrap_con li .txt .high {height:160px; font-size:15px; color:#999; font-weight:400; line-height:26px; margin-top:30px;}
.recommend_result .wrap_con li .txt .low {height:110px; font-size:15px; color:#999; font-weight:400; line-height:26px; margin-top:30px;}
.recommend_result .wrap_con li .txt a {font-size:16px;}
.recommend_result .wrap_btn {margin: 80px 0 40px;}


.enterprise_function .area_platform .wrap_img {margin-top: 72px;}
.enterprise_function .area_func .wrap_bn {margin-top: 100px}
.enterprise_function .area_func .list_box .wrap_img {margin-top: 32px}
.enterprise_function .area_func .list_box .desc2 {margin-top: 20px;}
.enterprise_function .area_func .list_case {margin-top: 100px;}
.enterprise_function .area_func .case {padding-left: 64px;}
.enterprise_function .area_func .list_case .tit {position: relative}
.enterprise_function .area_func .list_case .ic_enfunc {position: absolute; top: -16px; left: -64px}
.enterprise_function .area_func .list_case .tit .txt {font-size: 24px; font-weight: bold;}
.enterprise_function .area_func .case > .desc {margin-top: 4px; color: #888}
.enterprise_function .area_func .case + .case {margin-top: 80px}
.enterprise_function .area_func .list_step li {width: calc(100% / 4); padding: 0 12px; text-align: center; }
.enterprise_function .area_func .case.c03 .list_step li {width: calc(100% / 3);}
.enterprise_function .area_vs .tb_type1 {margin-top: 60px;}
.enterprise_function .area_vs .tb_type1 th,
.enterprise_function .area_vs .tb_type1 td {padding: 16px 10px}
.enterprise_function .area_vs .tb_type1 tbody td {color: inherit}
.enterprise_function .area_vs .tb_type1 tbody tr:hover {background: rgba(196, 196, 196, 0.15)}
.enterprise_function .area_vs .tb_type1 .line_bottom {border-bottom-color: #e8e8e8}
.enterprise_function .area_vs .tb_type1 .depth {width: 20%}
.enterprise_function .area_vs .tb_type1 .depth2 {padding-left: 20px}
.enterprise_function .area_vs .tb_type1 tbody .pick,
.enterprise_function .area_vs .tb_type1 tbody tr.tit:hover .pick {background: #F5F7F9}
.enterprise_function .brandstory_lineup .view_pc {text-align:center}
.enterprise_function .brandstory_lineup .view_pc img {width:1060px}

.form_container .com_check {padding:2px 0; display:block; margin-left:5px;}


/* 아이콘 영상 1탄 */
.icon .content {max-width:100%; padding-top:180px; text-align:center;}
.icon h2,
.icon h2 {text-align:center; font-size:40px; font-weight:600; color:#000; line-height:140%;}
.icon .intro_tit {text-align:center; font-size:40px;}
.icon .intro_tit .video_pc {width:725px; height:120px; margin-bottom:80px;}
.icon .intro_tit .video_mo {display:none;}
.icon .intro_video {transition:0.7s; width:1200px; height:490px; margin:0 auto;}
.icon .intro_video.scroll {width:100%; height:auto;}
.icon .intro_video video {width:100%; height:auto;}
.icon .intro_video .video_pc {display:block; border-radius:25px;}
.icon .intro_video.scroll .video_pc {border-radius:0px;}
.icon .intro_video .video_mo {display:none;}
.icon .wrap_main {width:100%; max-width:1280px; margin:120px auto 0;}
.icon .wrap_main .text_guide h2 {font-size:42px; font-weight:700; letter-spacing:-1.8px;}
.icon .wrap_main .text_guide h2 span {font-size:34px;}
.icon .wrap_main .text_guide p {font-size:20px; color:#999; margin-top:30px; line-height:32px;}
.icon .wrap_main .area_guide {margin:100px auto 0;}
.icon .wrap_main .cont_guide {width:1200px; height:650px; margin:0 auto 80px; display:flex;}
.icon .wrap_main .box_guide {width:40%; padding:100px 0 0 100px; text-align:left; border-radius:32px 0 0 32px; background-color:#F7F7F8;}
.icon .wrap_main .box_guide h2 {letter-spacing:-1.8px; line-height:58px; text-align:left; font-size:42px; margin:35px 0 22px 0;}
.icon .wrap_main .box_guide .txt {letter-spacing:-1.4px; font-size:24px; font-weight:500; display:inline-block;}
.icon .wrap_main .box_guide .text {letter-spacing:-1.4px; font-size:22px; color:#AAAAAA;}
.icon .wrap_main .box_guide a.link_guide {padding:15px 26px; background-color:#E2E2E3; color:#333; font-size:16px; font-weight:500; border-radius:30px; line-height:19px; display:inline-block; cursor:pointer; margin-top:50px;}
.icon .wrap_main .box_guide a.link_guide:hover, .icon .wrap_main .box_guide a.link_guide.on {background-color:#333; color:#fff;}
.icon .wrap_main .box_guide a.link_guide .bt_arrow {width:17px; height:16px; background:url(../images/icon_landing/ic_arrow.svg) -40px 0; display:inline-block; margin-left:4px; position:relative; top:1px;}
.icon .wrap_main .box_guide a.link_guide:hover .bt_arrow, .icon .wrap_main .box_guide a.link_guide.on .bt_arrow {background:url(../images/icon_landing/ic_arrow.svg) 0px 0px;}
.icon .wrap_main .box_video {width:60%;}
.icon .wrap_main .box_video .video_pc {display:block; border-radius:0 32px 32px 0;}
.icon .wrap_main .box_video .video_mo {display:none;}

.icon .wrap_sticky {position:relative; height:850px; background-color:#F2F9FE;}
.icon .wrap_sticky .area_ment {text-align:center; padding-top:330px; font-size:42px; letter-spacing:-1.8px; font-weight:800;}
.icon .wrap_sticky .area_ment h2 {line-height:58px; font-size:30px;}
.icon .wrap_sticky .area_ment .tt {font-size:36px; margin-bottom:20px;}
.icon .wrap_sticky .area_ment .tit {display:flex; justify-content:center; letter-spacing:-1.8px;}
.icon .wrap_sticky .area_ment .tit p {margin-left:10px;}
.icon .wrap_sticky .area_thum {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;}
.icon .wrap_sticky .area_thum::before {content: ""; display:block; position:absolute; top:0; left:50%; width:1920px; height:100%; margin-left:-960px; background:
  no-repeat 410px 75px/164px 196px url(../images/icon_landing/ico_home_1.png),
  no-repeat 188px 340px/243px 198px url(../images/icon_landing/ico_home_2.png),
  no-repeat 480px 477px/273px 273px url(../images/icon_landing/ico_home_3.png),
  no-repeat 1460px 85px/159px 159px url(../images/icon_landing/ico_home_4.png),
  no-repeat 1540px 445px/167px 163px url(../images/icon_landing/ico_home_5.png),
  no-repeat 1310px 530px/234px 235px url(../images/icon_landing/ico_home_6.png);}
.icon .wrap_bt {width:100%; height:850px; background-color:#fff; display:flex; align-items:center;}
.icon .wrap_bt .area_bt {width:1200px; margin:0 auto;}
.icon .wrap_bt .area_bt h2.pc {display:block; font-size:45px; letter-spacing:-1.8px;}
.icon .wrap_bt .area_bt h2.mo {display:none;}
.icon .wrap_bt .area_bt .tit p {margin:0 10px;}
.icon .wrap_bt .area_bt .tit p:last-child {margin-right:0px;}
.icon .wrap_bt .area_bt .tit {display:flex; justify-content:center; font-size:45px; letter-spacing:-1.8px; font-weight:800; margin-bottom:10px;}
.icon .wrap_bt .area_bt .cont_bt {margin-top:80px; display:flex; align-items:flex-end; justify-content:center;}
.icon .wrap_bt .area_bt a {padding:28px 54px; border-radius:70px; box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5); border:solid 4.5px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #648FFF, #00DFED); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 1000px 1px #fff inset; transition:all 0.5s;}
.icon .wrap_bt .area_bt a:hover, .icon .wrap_bt .area_bt a.on {transition:all 0.5s; box-shadow: 0 20px 40px rgba(19, 167, 243, 0.2), 0 0 0 rgba(19, 167, 243, 0.2);}
.icon .wrap_bt .area_bt a span {font-size:26px; font-weight:700; position:relative; top:-1px; transition:all 0.5s; color:transparent; background:linear-gradient(90deg, #2963FA, #00DFED); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.icon .wrap_bt .area_bt a:hover span, .icon .wrap_bt .area_bt a.on span {color:#fff; background:#fff; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.icon .wrap_bt .area_bt a:last-child {margin-top:24px; margin-left:30px;}
.icon .wrap_banner {width:100%; background-color:#282673;}
.icon .wrap_banner .area_banner {position:relative; width:1200px; height:680px; margin:0 auto; background:url("../images/icon_landing/banner_pc.png");}
.icon .wrap_banner .area_banner .cont_bt {position:absolute; top:466px; left:80px; display:flex; align-items:flex-end; justify-content:center;}
.icon .wrap_banner .area_banner a {padding:16px 42px; font-size:22px; border-radius:70px; border:2px solid #fff; transition:all 0.5s; box-sizing:border-box; color:#fff;}
.icon .wrap_banner .area_banner a:hover, .icon .wrap_banner .area_banner a.on {transition:all 0.5s; background-color:#16145A; border:2px solid #BDBDCC;}
.icon .wrap_banner .area_banner a:last-child {margin-left:30px; margin-top:0px;}
.icon .mt {color:#15DEEB;}
.icon .sk {color:#1AACFF;}
.icon .blue {color:#2963FA;}
.icon .lg {color:#CFCFCF;}
.icon .dg {color:#888888;}
.icon .br_m {display:none;}
/*.icon .area_guide .slick-list {margin: 0 300px !important; overflow: unset}*/

.icon .info_event {position: relative; display: inline-block; margin-bottom: 20px; padding: 8px 24px 8px 64px; background: #484693; font-size: 20px; line-height: 1.4; color: #fff; border-radius: 10px;} 
.icon .info_event .wrap_txt {display: inline-flex; align-items: center; opacity: 0.7; letter-spacing: 0}
.icon .info_event .line {margin: 0 4px; width: 46px; height: 1px; background: #fff;}
.icon .wrap_edm_event {margin-top:20px; background: #334AD1;}
.icon .wrap_edm_event .cont img {margin:0 auto;}
.icon .wrap_tit {margin-top: 120px}
.icon .wrap_tit .desc {font-size:20px; color:#999; margin-top:30px; line-height:32px;}
.icon .wrap_story .wrap_thumb {margin-top: 80px; }
.icon .wrap_story .wrap_thumb img,
.icon .wrap_customer .wrap_cont img {width: 100%; max-width: 1200px; margin: 0 auto}
.icon .wrap_feature .list_box .item {height: auto}
.icon .wrap_feature h3 {margin-top: 20px; font-size: 34px; font-weight: 300; text-align: center; color: #00a1b9}
.icon .wrap_feature li {margin-top: 20px; font-size: 22px; color: #012F63}
.icon .wrap_feature .fs_gray8 {font-size: 20px; font-weight: 300;}
.icon .wrap_feature .list_box {margin-top: 80px;}
.icon .wrap_feature .list_box li span {display: block}
.icon .wrap_customer .wrap_cont {margin: 80px 0 120px}
.icon .ic_thanks_01 {display: inline-block;  width: 150px; height: 110px; background: url(../images/icon_landing/ic_thanks01.png) no-repeat center;}
.icon .ic_thanks_02 {display: inline-block;  width: 150px; height: 110px; background: url(../images/icon_landing/ic_thanks02.png) no-repeat center;}
.icon .ic_thanks_03 {display: inline-block;  width: 150px; height: 110px; background: url(../images/icon_landing/ic_thanks03.png) no-repeat center;}
.icon .ic_emoji01 {position: absolute; top: -10px; left: 8px; display: block; width: 63px; height: 59px; background: url(../images/icon_landing/ic_emoji01.png) no-repeat;}
.icon .ic_emoji02{display: inline-block;  width: 40px; height: 40px; background: url(../images/icon_landing/ic_emoji01.svg) no-repeat center;}
.icon .ic_emoji03{display: inline-block;  width: 40px; height: 40px; background: url(../images/icon_landing/ic_emoji02.svg) no-repeat;}
.icon .ic_emoji04{display: inline-block;  width: 40px; height: 40px; background: url(../images/icon_landing/ic_emoji03.svg) no-repeat;}
.icon .wrap_main button.slick-prev,
.icon .wrap_main button.slick-next {position: absolute; top: 48%; width: 34px;height: 48px; }
.icon .wrap_main .slick-prev:before,
.icon .wrap_main .slick-next:before {content:''}
.icon .wrap_main button.slick-prev {left: -40px; background: url('../images/ic_com.svg') no-repeat -593px -190px}
.icon .wrap_main button.slick-next {right:-40px; background: url('../images/ic_com.svg') no-repeat -692px -190px}

/* 아이콘 영상 2탄 */
.icon.ver2 .wrap_event .info_event {padding:7px 19px; background:#E5EFFA; color:#006CEA; border:2px solid #E5EFFA; box-sizing:border-box;} 
.icon.ver2 .wrap_event .info_event .wrap_txt {font-weight:600; letter-spacing:-1.5px;}
.icon.ver2 .wrap_event .info_event .line {margin:0 10px; width:24px; height:2px; background:#006CEA;}
.icon.ver2 .wrap_func {margin:120px 0 0;}
.icon.ver2 .wrap_func .cont_text h2 {margin-bottom:30px;}
.icon.ver2 .wrap_func .cont_text p {font-size: 20px; color:#777;}
.icon.ver2 .wrap_func .cont_feature {margin:180px auto 0; max-width:1280px;}
.icon.ver2 .wrap_func .box_cont {display:flex; margin-bottom:260px;}
.icon.ver2 .wrap_func .box_cont .video {margin:0 20px; display:inline-block; position:relative;}
.icon.ver2 .wrap_func .box_cont .video video.pc {border-radius:25px; width:580px; height:330px; text-align:center;}
.icon.ver2 .wrap_func .box_cont .video video.mo {display:none;}
.icon.ver2 .wrap_func .box_cont .video .bubble {position:absolute; top:0; left:0; z-index:1;}
.icon.ver2 .wrap_func .box_cont .video .bubble .question {font-size:18px; width:264px; padding:12px 6px; background-color:#158AFE; border-radius:25px; color:#fff; position:absolute; top:20px; left:360px;}
.icon.ver2 .wrap_func .box_cont .video .bubble .question:after {content:''; position:absolute; width:0; height:0; bottom:-15px; left:76%; border-radius:2px 0; border-top: 3px solid transparent; border-left:22px solid #158AFE; border-bottom:18px solid transparent;}
.icon.ver2 .wrap_func .box_cont .video .bubble .anwser {font-size:18px; width:238px; padding:12px 6px; background-color:#fff; border-radius:25px; color:#333; position:absolute; top:246px; left:-18px; box-shadow:rgb(0 0 0 / 10%) 0px 5px 15px 0px; -webkit-box-shadow:rgb(0 0 0 / 10%) 0px 5px 15px 0px;}
.icon.ver2 .wrap_func .box_cont .video .bubble .anwser:after {content:''; position:absolute; width:0; height:0; border-top:24px solid #fff; border-left:33px solid transparent; bottom: -15px; left:76%; border-radius:2px 0;}
.icon.ver2 .wrap_func .box_cont:nth-child(2) {flex-direction:row-reverse;}
.icon.ver2 .wrap_func .box_cont:nth-child(2) .video .bubble {position:absolute; top:0; left:0;}
.icon.ver2 .wrap_func .box_cont:nth-child(2) .video .bubble .question {width:182px; padding:13px 26px; text-align:left; left:0;}
.icon.ver2 .wrap_func .box_cont:nth-child(2) .video .bubble .question:after {border-top:24px solid #158AFE; border-left:33px solid transparent; bottom:-38px; left:76%; border-radius:2px 0;}
.icon.ver2 .wrap_func .box_cont:nth-child(2) .video .bubble .anwser {font-size:18px; width:254px; padding:12px 6px; background-color:#fff; border-radius:25px; color:#333; position:absolute; top:246px; left:374px;}
.icon.ver2 .wrap_func .box_cont:nth-child(2) .video .bubble .anwser:after {bottom:-16px; left:76%; border-radius:2px 0; border-top: 3px solid transparent; border-left:22px solid #fff; border-bottom:18px solid transparent;}
.icon.ver2 .wrap_func .box_cont:nth-child(2) .text {margin-right:90px;}
.icon.ver2 .wrap_func .box_cont:last-child {margin-bottom:200px;}
.icon.ver2 .wrap_func .box_cont:nth-child(3) .video .bubble .question {width:160px; padding:14px 28px; text-align:left; left:420px;}
.icon.ver2 .wrap_func .box_cont:nth-child(3) .video .bubble .anwser {width:208px; padding:12px 18px;}
.icon.ver2 .wrap_func .box_cont .text {text-align:left; padding-top:60px; margin-left:80px;}
.icon.ver2 .wrap_func .box_cont .text .txt {font-size:24px; color:#aaa; font-weight:500; display:inline-block;}
.icon.ver2 .wrap_func .box_cont .text h2 {color:#333; line-height:58px; text-align:left; margin:12px 0 40px 0;}
.icon.ver2 .wrap_banner .cont {width:1280px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; padding:120px 40px;}
.icon.ver2 .wrap_banner .cont .box_text {text-align:left;}
.icon.ver2 .wrap_banner .cont .box_text h2 {color:#fff; text-align:left;}
.icon.ver2 .wrap_banner .cont .box_text span {color:#C8D1DE; font-size:22px; margin:20px 0 44px 0; display:inline-block;}
.icon.ver2 .wrap_banner .cont .box_text span em {font-weight:600;}
.icon.ver2 .wrap_banner .cont .box_text .link {padding:20px 0; border-radius:50px; width:270px; text-align:center; font-size:22px; color:#fff; border:1px solid #fff; box-sizing:border-box; display:block; transition:all 0.3s;}
.icon.ver2 .wrap_banner .cont .box_text .link:hover {background-color:#333968;}


.security_2 .area_advant {padding:100px 0 90px;}
.security_2 .item_cont {margin:70px 0 0;}
.security_2 .ic_security2_gy {margin:0 auto;}
.security_2 .thumb {text-align:center;}
.security_2 .thumb.pc {display:block;}
.security_2 .thumb.mo {display:none;}
.security_2 .list_func .item:nth-child(1) {padding:120px 0 60px;}
.security_2 .list_func .item {padding:100px 0 60px;}
.security_2 .area_feature .list_func {width:1200px; margin:0 auto;}
.security_2 .area_feature .list_func .item_cont {padding-top:30px;}
.security_2 .area_feature .item_cont.right {margin-left:110px;}
.security_2 .area_cloud {padding:120px 0 100px;}
.security_2 .area_cloud .list_box {width:90%; border:1px solid #576DE0; background-color:#fff; border-radius:15px; margin:60px auto 0;}
.security_2 .area_cloud .list_box li {margin:50px 2%; box-sizing:border-box; display:flex; flex-direction:column;}
.security_2 .area_cloud .list_box li h3 {margin-top:20px; font-size:18px; text-align:center; color:#333;}
.security_2 .area_cloud .list_box li:last-child h3 {margin-top:35px;}
.security_2 .area_cloud .list_box li .desc {margin-top:8px; text-align:center; color:#666;}
.security_2 .area_advant .list_box {width:90%; margin:70px auto 0; display:flex; flex-direction:row;}
.security_2 .area_advant .list_box li {width:48%; margin:0 2% 26px 0; padding:40px 0 40px 55px; border:1px solid #DDDDDD; border-radius:15px; box-sizing:border-box; background-color:#F5F7F9; display:flex;}
.security_2 .area_advant .list_box li div {margin-left:40px;}
.security_2 .area_advant .list_box .tit {font-size:18px; color:#333; display:block; font-weight:600;}
.security_2 .area_advant .list_box .desc {font-size:16px; color:#888; margin-top:8px;}
.security_2 .area_isms {padding-bottom:140px;}
.security_2 .area_isms .area_thumb {text-align:center;}
.security_2 .area_isms .area_head {margin-top:10px;}
.security_2 .area_isms .area_head h2 {margin-bottom:20px;}
.security_2 .area_isms .area_head .desc {font-size:18px; color:#888; line-height:180%;}
.security_2 .area_isms .area_head .bold {color:#999; font-weight:600;}
.security_2 .area_isms .area_head .bar {width:2px; height:16px; background-color:#d5d5d5; margin:0 12px 0 14px; position:relative; top:1px; display:inline-block;}

.freemium .btn_round {display: inline-flex; flex-direction: row; padding: 24px 60px 24px 56px; gap: 10px; border-radius:40px; font-size:20px; font-weight: 500;transition: all 0.3s;}
.freemium .btn_round.dk {background:#000; color:#fff; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.16);}
.freemium .btn_round.dk:hover {background:#333; transform: translate3d(0px, -2px, 0px);  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3));}
.freemium .btn_mid_lg {display: inline-flex; padding: 19px 36px; gap: 10px; border-radius:8px; background:#F5F5F5; align-items: center;transition: all 0.5s;}
.freemium .btn_mid_lg:hover {background:#ebebeb; transform: translate3d(0px, -2px, 0px); -webkit-transform: translate3d(0px, -2px, 0px);}
.freemium .ic_arrow_r {background: url(../images/freemium/ic_arrow_r-min.svg) no-repeat center; width: 12px; height: 12px;}
.freemium a.btn_l_gr {padding:28px 54px; border-radius:70px; box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5); border:solid 4.5px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #648FFF, #00DFED); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 1000px 1px #fff inset; transition:all 0.5s;}
.freemium a.btn_l_gr:hover, 
.freemium a.btn_l_gr.on {transition:all 0.5s; box-shadow: 0 20px 40px rgba(19, 167, 243, 0.2), 0 0 0 rgba(19, 167, 243, 0.2);}
.freemium a.btn_l_gr span {font-size:26px; font-weight:700; position:relative; top:-1px; transition:all 0.5s; color:transparent; background:linear-gradient(90deg, #2963FA, #00DFED); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.freemium a.btn_l_gr:hover span, 
.freemium a.btn_l_gr.on span {color:#fff; background:#fff; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.freemium .bg_gray_br .btn_mid_lg {background:#EDEDF1}
.freemium .bg_gray_br .btn_mid_lg:hover {background:#e8e8e8}
/*.freemium h1 {font-size:52px}*/
.freemium h1 .tit1 {font-weight:200; line-height:1.6}
.freemium h2 {margin-top:12px; font-size:48px;}
.freemium .wrap_img {text-align:center}
.freemium .wrap_img img { margin:0 auto}
.freemium .wrap_btn2 {margin-top:36px; display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 40px;}
.freemium .area_cont {padding:100px 0}
.freemium .area_head .tit_sub {font-size:24px; color: rgba(0, 161, 185, 0.6); font-weight: bold; text-align: center; }
.freemium .area_head .desc {margin-top:12px; font-size: 18px; line-height:1.6; color:#aaa}
.freemium .area_cont.visual .desc {margin-top:20px;}
.freemium .area_cont.visual .wrap_btn2 {margin-top:48px;}
.freemium .area_cont.visual .wrap_visual {position:relative; margin:120px auto 0; max-width:1140px; text-align: center;}
.freemium .wrap_visual span {display:block; position: absolute;}
.freemium .wrap_visual .v1 {margin:0 auto; padding-right: 3%}
.freemium .wrap_visual .v2 {top:-20%; left:9%; width:78px; height:80px; background: url(../images/freemium/illust_coin01-min.svg) no-repeat center; }
.freemium .wrap_visual .v3 {bottom:9%; left:20%; width:53px; height: 53px; background: url(../images/freemium/illust_coin02-min.svg) no-repeat center; }
.freemium .wrap_visual .v4 {bottom:6%; right:17%; width:70px; height: 70px; background: url(../images/freemium/illust_coin03-min.svg) no-repeat center; }
.freemium .wrap_visual .v5 {top:-55%; right:12%; width:71px; height: 70px; background: url(../images/freemium/illust_coin04-min.svg) no-repeat center; }
.freemium .area_story .area_body  {text-align:center}
.freemium .area_story .wrap_img {margin-top:40px;}
.freemium .area_event {background:#282673}
.freemium .area_vs .wrap_img {margin-top: 60px}
.freemium .area_customer .wrap_img {margin-top: 80px}
.freemium .area_cta {padding:200px 0}
.freemium .area_cta h2 {font-weight:200}
.freemium .area_cta .wrap_btn2 {margin-top:60px}
.freemium .area_feature {padding-bottom:200px}
.freemium .area_feature .list_box {position: relative; max-width:1140px; margin:80px auto 0; gap:30px;}
.freemium .area_feature .item{margin:0; flex: 1; padding:36px 0; height: auto; background: #FAFAFD; border-width: 0; box-shadow: none; text-align: center}
.freemium .area_feature .item span {display:block; margin:0 auto; width: 70px; height:70px; border-radius: 50%;}
.freemium .area_feature .ic01 {background: #58A4F5 url(../images/freemium/ic_01-min.svg) no-repeat;}
.freemium .area_feature .ic02 {background: #F8A54F url(../images/freemium/ic_02-min.svg) no-repeat;}
.freemium .area_feature .ic03 {background: #A365F4 url(../images/freemium/ic_03-min.svg) no-repeat;}
.freemium .area_feature .ic04 {background: #FF5B5E url(../images/freemium/ic_04-min.svg) no-repeat;}
.freemium .area_feature .ic05 {background: #F5E558 url(../images/freemium/ic_05-min.svg) no-repeat;}
.freemium .area_feature .item .txt {margin-top:16px; line-height:1.6}

.freemium .area_allfaq {font-size:18px; font-weight:600;}
.freemium .area_allfaq .area_body {margin-top:80px;}
.freemium .area_allfaq .list_box {display:flex; flex-flow:wrap; margin-top:4px; justify-content:center;}
.freemium .area_allfaq .list_box .item {position:relative; width:calc(30% - 100px); height:auto; margin: 10px; border-radius:16px; border:none; padding:0; background:#F4F7FA; text-align:center; display:flex; flex-direction:column; justify-content:space-between; box-shadow:none; transition:all .2s cubic-bezier(0.5,0.8,0.6,0.88); box-sizing:border-box;}
.freemium .area_allfaq .list_box .item a {padding:35px 0 30px 35px;}
.freemium .area_allfaq .list_box .item .txt {font-size:22px; font-weight:400;}
.freemium .area_allfaq .list_box .item .txt em {font-weight:700;}
.freemium .area_allfaq .list_box .item .box {text-align:left; margin-bottom:30px;}
.freemium .area_allfaq .list_box .item:hover {transform: translateY(-10px);}
.freemium .area_allfaq .link_detail {background-color:#fff; padding:6px 15px; font-size:14px; margin-top:18px;}
.freemium .area_allfaq .link_detail .bt_arrow {background:url(../images/freemium/ic_arrow.svg) 35px 0;}
.freemium .area_allfaq .img {display:block; float:right; margin-right:24px; width:140px; height:150px;}
.freemium .area_allfaq .img.d01 {background:url(../images/freemium/img_01.png) no-repeat;}
.freemium .area_allfaq .img.d02 {background:url(../images/freemium/img_02.png) no-repeat;}
.freemium .area_allfaq .img.d03 {background:url(../images/freemium/img_03.png) no-repeat;}
.freemium .area_allfaq .img.d04 {background:url(../images/freemium/img_04.png) no-repeat;}

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

/* section LAST */
br.m {display:none;}
.cont_last {background: #F4F9FB; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 100px 0 130px; gap: 40px; height: 540px; position: relative; z-index: 2;}
.cont_last .title {color: #333333; font-weight: 700; text-align: center; font-size: 46px; line-height: 69px;}
.cont_last .btn_wrap {display: flex; justify-content: center; align-items: center; gap: 20px; font-size: 20px; font-weight: 500; color: #fff;}
.cont_last .btn_wrap a {border-radius: 40px; display: flex; justify-content: center; align-items: center; padding: 20px 36px; color: #fff;}
.cont_last .btn_wrap a:nth-child(1):hover,.cont_last .btn_wrap a:nth-child(1):active {background: #00a7c0;}
.cont_last .title .ic_twinklepc {background: url("../images/main_new/ic_twinkle.svg") no-repeat 0 0; width: 43px; height: 44px; display: inline-block;}
.cont_last .title .ic_twinklemo {display: none;}
.cont_last .btn_wrap a:nth-child(2):hover, .cont_last .btn_wrap a:nth-child(2):active {background: #eaf7f9; color: #00b3ce;}
.cont_last .btn_wrap a:nth-child(1) {background: #00b3ce; padding-left: 30px;}
.cont_last .btn_wrap a:nth-child(2) {background: #ffffff; color: #00b3ce; border: 1px solid #00b3ce;}
.cont_last .btn_wrap a:nth-child(1) .ic_freepc {background: url("../images/main_new/ic_cta.svg") no-repeat 0 0; width: 34px; height: 34px; display: inline-block;}
.cont_last .btn_wrap a:nth-child(2) .ic_downpc {background: url("../images/main_new/ic_cta.svg") no-repeat -36px 0; width: 34px; height: 34px; display: inline-block;}
.cont_last .btn_wrap a:nth-child(1) .ic_freemo {display: none;}
.cont_last .btn_wrap a:nth-child(2) .ic_downmo {display: none;}
.cont_last .background_items {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden;}
.cont_last .background_items img {position: absolute;}
.cont_last .background_items img:nth-of-type(1) {top: 46%; left: 7%; width: 35px;}
.cont_last .background_items img:nth-of-type(2) {top: 7%; left: 73%; width: 77px;}
.cont_last .background_items img:nth-of-type(3) {top: 22%; left: 7%; width: 68px;}
.cont_last .background_items img:nth-of-type(4) {top: 7%; left: 19%; width: 55px;}
.cont_last .background_items img:nth-of-type(5) {top: 76%; left: 86%; width: 86px;}
.cont_last .background_items img:nth-of-type(6) {top: 21%; left: 84%; width: 63px;}
.cont_last .background_items img:nth-of-type(7) {top: 60%; left: 80%; width: 66px;}
.cont_last .background_items img:nth-of-type(8) {top: 90%; left: 17%; width: 100px;}
.cont_last .background_items img:nth-of-type(9) {top: 79%; left: 26%; width: 60px;}
@keyframes upAnimation {
  0% {
    transform: translateY(200vh);
  }
  100% {
    transform: translateY(-10vh);
  }
}

/* 혜택&이벤트 페이지 */
.benefit .top3 .wrap_card .layout_card a {padding:0; border-radius:30px;}
.benefit .inner_flex {background-color:#F1F5FA; border-radius:25px;}
/* .benefit .wrap.last .inner_flex {align-items:flex-end;} */
.benefit .list_func .item_cont {padding:70px 0 70px 130px;}
.benefit .list_func .item_cont .logo img {margin-bottom:12px; width:100%; max-width: 262px;}
.benefit .list_func .item_cont .desc {margin-top:24px;}
.benefit .list_func .item_thumb {margin:30px 20px 0 0;}
.benefit .list_func .item_thumb img {width:100%;}
.benefit .list_func .item_thumb2 img {width:100%;}
.benefit .area_top {padding:10px 0 50px 0;}
.benefit .section_card {display:grid; grid-template-columns:repeat(3, 1fr); width:100%; gap:3vw; margin: 80px auto 0;}
.benefit .layout_card .con {padding:35px 0 35px 40px;}
.benefit .layout_card .link {margin-top:18px; text-align:left;}
.benefit .layout_card .link img {position:relative; top:0px;}

.benefit .layout_card .con .tit {font-size:22px;}
.benefit .label {font-size:14px; padding:2px 10px; font-weight:500; border-radius:20px;}
.benefit .label1 {font-size:16px; margin:0 0 10px 0; font-weight:500;}
.benefit .label2 {font-size:18px; margin:0 0 10px 0; font-weight:500;}
.benefit .item .item_cont .title {text-align:left;}
.benefit .label.mt {color:#14BFC7; border:1px solid #ddd;}
.benefit .label1.mt, .benefit .label2.mt {color:#14BFC7;}
.benefit .label1.gr, .benefit .label2.gr {color:#37C237;}
.benefit .label1.bl, .benefit .label2.bl {color:#4378FF;}
.benefit .cont_head .sub {text-align:center; font-size:22px; font-weight:500; color:#9AABBD; margin-bottom:10px;}
.benefit .title {line-height:150%;}
.benefit .area_visual {height:auto;}
.benefit .area_tab {margin:100px 0 50px;}
.benefit .anchors a {height:30px;}
.benefit .area_banner {width:100%; margin:100px auto 0;}
.benefit .area_banner .cont_guide {width:1200px; height:250px; background-color:#324A9F; margin:0 auto 80px; border-radius:20px; display:flex; justify-content:space-between;}
.benefit .area_banner .box_text {padding:60px 40px 0 130px;}
.benefit .area_banner .box_text .category {font-size:15px; background-color:#071E70; color:#fff; padding:4px 10px; border-radius:6px;}
.benefit .area_banner .box_text h3 {font-size:36px; font-weight:300; color:#fff; margin:10px 0 20px 0;}
.benefit .area_banner .box_text h3 em {font-weight:600;}
.benefit .area_banner .box_text .txt {font-size:20px; color:#fff;}
.benefit .area_banner .box_img {display:inline-block; margin-right:90px;}
.benefit .area_banner button.slick-prev,
.benefit .area_banner button.slick-next {position:absolute; top:37%; width:34px; height:48px;}
.benefit .area_banner .slick-prev:before,
.benefit .area_banner .slick-next:before {content:'';}
.benefit .area_banner button.slick-prev {left: -40px; background: url('../images/ic_com.svg') no-repeat -593px -190px}
.benefit .area_banner button.slick-next {right:-40px; background: url('../images/ic_com.svg') no-repeat -692px -190px}
.benefit .area_benefit {padding:50px 0 120px;}
.benefit .area_benefit .wrap.last {padding-top:180px;}
.benefit .area_benefit .list_func .item {padding:100px 0 0;}
.benefit .area_benefit .list_func .item.company {padding:100px 0 0 !important;}
.benefit .area_benefit .list_func .item:first-child {padding:100px 0 0;}
.benefit .area_benefit .list_func .item:last-child {padding:40px 0 0;}

.benefit .wrap_card .txt_card_box img {display:block; margin:40px 0;}
.benefit .wrap_card .layout_card {width:100%; height:100%; margin:0; border-radius:30px;}
.benefit .wrap_card .txt_card_box {margin:0;}
.benefit .wrap_card .txt_card {text-align:left; margin-top:8px;}
.benefit .wrap_card .layout_card a {padding:50px 40px 50px; border-radius:30px;}
.benefit .wrap_card .hashtag {margin:24px 0 0; position:static;}

.benefit .area_govt {background-color:#F6F8FB; padding:120px 0;}
.benefit .area_govt .cont_box {display:flex; margin-top:80px; gap:40px; flex-direction:row;}
.benefit .area_govt .box {width:100%; background-color:#fff; border-radius:25px; border:1px solid #E9E9E9; box-shadow:0px 4px 8px rgb(0 0 0 / 10%); padding:60px 0 30px;}
.benefit .area_govt .title {text-align:center;}
.benefit .area_govt .title h3 {font-size:30px;}
.benefit .area_govt .title:after {content:''; background-color:#eee; width:370px; height:1px; display:inline-block; text-align:center; box-sizing:border-box; margin:30px 0 25px 0;}
.benefit .area_govt .title p {font-size:18px; font-weight:500; text-decoration:underline; margin-bottom:6px;}
.benefit .area_govt .s1 {color:#3BCAD0;}
.benefit .area_govt .s2 {color:#3851E7;}
.benefit .area_govt .box .col {margin:20px auto 0;}
.benefit .area_govt .box.last .col {margin:20px auto 60px;}
.benefit .area_govt .box .col .meta > li {display:block; padding-bottom:10px; margin-left:120px;}
.benefit .area_govt .box .col .meta dt { float: left; width: 15%; font-size: 16px; color: #999;}
.benefit .area_govt .box .col .meta dd { margin-left: 15%; font-size: 16px; color: #000;}
.benefit .area_govt .cont_box.b3 {gap:20px;}
.benefit .area_govt .b3 .box {flex: 1;}
.benefit .area_govt .state.s1 {background:#3BCAD0;}
.benefit .area_govt .state.s2 {background:#3851E7;}
.benefit .area_govt .state {display:inline-block; color:#fff; border-radius:15px; font-size:14px; font-weight:400; box-sizing:border-box; padding:3px 11px 4px 9px; margin-bottom:18px; text-align:center; vertical-align:bottom;}
.benefit .area_govt .desc .meta dd.bold {font-weight:600;}
.benefit .area_govt .desc .meta dd.bold em {font-weight:400;}
.benefit .area_govt .desc .meta .step {font-size:15px; font-weight:300; color:#666;}
.benefit .area_govt .desc .meta dd.bold .step {margin-top:8px;}
.benefit .area_event {padding:120px 0;}
.benefit .area_event .inner_flex {background-color:#fff;}
.benefit .area_event .list_func .item:last-child {padding:0;}
.benefit .area_event .list_func .item_cont {padding:70px 0 70px 0;}
.benefit .company-list {display:flex; flex-direction:column; justify-content:center; align-items:center; padding:80px 0 150px;}
.benefit .company-list .title {text-align:center; font-weight:600; font-size:42px; line-height:150%; color:#333; margin-bottom:100px;}
.benefit .company-list .link {margin-bottom:100px;}
.benefit .company-list .container_wrap {display:flex; flex-direction:column; gap:10px; width:100%;}
.benefit .company-list .container_wrap .marquee_container {overflow:hidden; width:100%; position:relative; height:104px;}
.benefit .company-list .container_wrap .marquee_container .marquee_inner {width:200%; display:flex; position:absolute; top:0; animation:50s linear infinite; gap:40px;}
.benefit .company-list .container_wrap.mobile .marquee_container .marquee_inner {animation:20s linear infinite; gap:57px;}
.benefit .company-list .container_wrap.mobile {display:none;}
.benefit .company-list .container_wrap .marquee_container.no1 .marquee_inner {animation-name:marqueeToLeft; left:0;}
.benefit .company-list .container_wrap .marquee_container.no2 .marquee_inner {animation-name: marqueeToRight; right: 0;}
.benefit .company-list .container_wrap .marquee_container.no3 .marquee_inner {animation-name:marqueeToLeft; left:0;}
.benefit .company-list .container_wrap .marquee_container.no4 .marquee_inner {animation-name:marqueeToRight; right:0;}
.benefit .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%;
  }
}

.benefit button.slick-prev,
.benefit button.slick-next {position:absolute; top:60%; width:34px; height:48px;}
.benefit .slick-prev:before,
.benefit .slick-next:before {content:''}
.benefit button.slick-prev {left: -40px; background: url('../images/ic_com.svg') no-repeat -593px -190px}
.benefit button.slick-next {right:-40px; background: url('../images/ic_com.svg') no-repeat -692px -190px}

.benefit .list_func.area_guide .item_thumb {margin:70px 20px 0 0;}
.benefit .list_func.area_guide .item_thumb img {width:90%;}

.event_bn {margin: 40px 0 50px;}
.event_bn .link_bn_pc {display: block; text-align: center;}
.event_bn .link_bn_pc img {width: 100%; max-width: 1240px; border-radius:10px;}
.event_bn .link_bn_mo {display: none;}

.area_bn {margin:80px 0 140px;}
.area_bn .inner.gray {background-color:#F5F7F9; border-radius:15px;}
.area_bn .inner.blue {background-color:#DDF2FE; border-radius:15px;}
.area_bn .box_bn {display:flex; justify-content:space-between; padding:30px 130px;}
.area_bn .wrap_txt.pc {display:block;}
.area_bn .wrap_txt.mo {display:none;}
.area_bn .wrap_txt .title {font-size:20px; font-weight:600; color:#333;}
.area_bn .wrap_txt .sub {font-size:14px; font-weight:400; color:#999; margin-top:3px;}
.area_bn .wrap_btn {padding:12px 23px; font-weight:400; border:1px solid #3BBFCE; border-radius:40px; color:#3BBFCE; background-color:#fff; font-size:16px; letter-spacing:-1px; line-height:170%; transition: 0.2s;}
.area_bn .wrap_btn_blue {display: inline-flex; align-items: center; justify-content: center; padding:12px 23px; font-weight:400; border-radius:40px; color:#ffffff; background-color:#50A8FF; font-size:16px; letter-spacing:-1px; line-height:170%; transition: 0.2s;}
.area_bn .wrap_btn:hover {background-color:#F3FCFD;}
.area_bn .wrap_btn_blue:hover{background-color:#3F96ED;}

.bn_event_221007 .inner {text-align: center}
.bn_event_221007 .view_mo {width: 100%; padding: 20px 0 8px; background: #282673; border-radius: 12px;}

.link {display:flex; align-items:center; gap:5px; color:#888; font-weight:500; white-space:nowrap; font-size:18px; margin-top:30px;}
.link_small {display:flex; align-items:center; gap:5px; color:#888; font-weight:500; white-space:nowrap; font-size:14px; margin-top:20px;}
.link.center {justify-content:center; margin-top:20px;}




/*** Responsive layout ***/
@media all and (max-width:959px){	
  .content_head .ic_freepc {display:none}
  .btn_wrap {margin-bottom:60px; gap:15px; flex-direction:column; justify-content:center;}
  .btn_wrap a {font-size:18px; border-radius:50px; width:100%;}
  .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;}

  /* 혜택&이벤트 페이지 */
  .benefit .list_func .item_cont {width: 100%; padding:50px 0 0; text-align:center;}
  .benefit .list_func .item_thumb {flex: 100%; margin:0;}
  .benefit .item_cont h3 {text-align:center; margin-top:10px;}
  .benefit .area_tab {margin:0 0 50px;}
  .benefit .area_top,
  .benefit .area_benefit {padding:40px 0;}
  .benefit .area_benefit .list_func .item {padding:50px 0 0;}
  .benefit .area_benefit .list_func .item:first-child {padding:50px 0 0;}
  .benefit .area_benefit .list_func .item:last-child {padding:50px 0 50px;}
  .benefit .area_benefit .wrap:first-child {margin-bottom:40px;}
  .benefit .area_benefit .wrap.last {padding-top:10px;}
  .benefit .area_govt,
  .benefit .area_event {padding:80px 0;}
  .benefit .area_govt .cont_box {margin-top:60px; flex-direction:column;}
  .benefit .area_govt .box {border-radius:20px; padding:40px 0 0;}
  .benefit .area_govt .title h3 {font-size:22px;}
  .benefit .area_govt .title p.s1 {font-size:16px;}
  .benefit .area_govt .title:after {width:70%;}
  .benefit .area_govt .box .col .meta dt {flex:inherit; width:100%;}
  .benefit .area_govt .box .col .meta dd {margin:0;}
  .benefit .area_govt .box .col .meta > li {margin-left:8%;}
  .benefit .area_govt .box.last .col .meta > li {margin-left:13%;}
  .benefit .area_govt .box:last-child .btn_wrap .btn_ghost {margin:0;}
  .benefit .area_event .list_func .item {padding:0}
  .benefit .area_event .list_func .item_cont {padding:70px 0 50px 0;}
  .benefit .company-list {padding:0 0 30px;}
  .benefit .company-list .title {font-size:28px; line-height:150%; margin-bottom:50px;}
  .benefit .company-list .container_wrap.pc {display:none;}
  .benefit .company-list .container_wrap.mobile {display:flex;}
  .benefit .company-list .container_wrap .marquee_container {height:45px;}
  .benefit .btn_wrap {padding:0 6%;}
  .benefit .section_card {margin:40px auto 0;}
  .benefit .bg_img_card .layout_card {height:auto; margin:0 0 40px;}
  .benefit .layout_card .con {padding:40px 0 35px 40px;}
  .benefit .layout_card .con .tit {font-size:20px;}
  .benefit .layout_card .link {text-align:left; justify-content:left;}

  .benefit .wrap_card .layout_card {margin:0 0 30px;}
  .benefit .wrap_card .txt_card_box img {margin:30px 0;}

  .benefit .list_func.area_guide .item_thumb {margin:30px 0px 30px 0px;}
  .benefit .list_func.area_guide .item_thumb img {width:100%;}
  .benefit .list_func.area_guide .label2.bl img {text-align:center; display:inline-block;}
  .benefit .list_func.area_guide .item_cont .desc {font-size:15px;}
  .benefit .list_func.area_guide .item_cont .title {font-size:24px;}
  .benefit .list_func.area_guide button.slick-prev, .benefit .list_func.area_guide button.slick-next {top:50%;}

	.list_func,
	.list_func:first-child .item {padding-top: 0} 
	.list_func .item_cont {padding-top: 0}
	.list_func .inner_flex > div {flex: 100%;}
	.list_func .item .list_tag {font-size: 14px;}
  .list_func .item .right { flex-direction: inherit;}	
	.list_overview {width: 100%;}
	.list_overview li {width: calc(100% / 2); padding:0 12px 20px;}
	.list_overview li .desc {font-size: 14px;}	
	.list_box .item {width: 100%; margin:12px 0 0;}
  .list_box .item img {width: 100%}
	.list_tab {white-space: nowrap; overflow-x: auto;}
	.list_tab::-webkit-scrollbar {display: none}
	.list_policy {padding: 20px 30px;}
	
  .list_btn_thumb .btn_thumb {width: 100%; margin: 0 0 20px 0}
  .list_btn_thumb .btn_thumb:nth-child(even) {margin:  0 0 20px 0}
  .list_btn_thumb .btn_thumb .tit_box .txt {width: 100%}

	.tb_normal th, 
	.tb_normal td {padding:10px 4px; font-size: 16px; }	

	/* tab, navbar*/
	.tab_default,
	.security .wrap_tab .tab {white-space: nowrap; overflow-x: auto; margin: 0;}
	.tab_default::-webkit-scrollbar,
	.security .wrap_tab .tab::-webkit-scrollbar {display: none}
	.tab_default button {margin:0; padding:0 16px; height: auto; line-height: 42px; vertical-align: top;}

	.anchors_box,
	.case .anchors_box {width: 100%;}
	.anchors_box .item {width: 80px; height: 100px; margin: 2px; padding:4px}
	.navbar .wrap_select {margin: 0 auto;}
	.navbar2 .wrap_navbar {flex-wrap: wrap;}
	.anchors {margin-top: 30px; white-space: nowrap; overflow-x: auto;}
	.anchors a + a {margin-left: 2px;}
	.anchors::-webkit-scrollbar {display: none}
	
	/* title area */
	.content_head {padding: 80px 8px 0}
	.content_visual {margin-top: 60px; height: inherit; min-height: 100px}
	.area_cont {padding:60px 0;}
  .content_head .wrap_btn {flex-direction:column;}
  .content_head .btn_general, .content_head .btn_ghost {width: 90%;}

	.item_thumb {margin-top: 32px;}
	.item_thumb img,
	.wrap_img img,
  .item_video img,
	.security .wrap_tab .tabcontent img,
	.accounting img {width: 100%}
	
	.wrap_card .layout_card {float: inherit; margin: 30px 0 0; width: 100%; }
	.wrap_card.three_card .layout_card {margin: 30px 0 0; width: 100%; height: auto}

	.btn_thumb {display: block; width: 100%;}
	.btn_thumb .tit_box {padding: 28px 24px 0 28px}
	.btn_thumb .tit_box .txt {width: 50%; min-width: 160px; font-size: 16px;}
	.btn_thumb .thumb {width: 150px; top:50px; right: 0}
	/* .wrap_btn a+a {margin: 20px 0 0} */

	.wrap_card .section_card {display: block;}
	.bg_img_card .card_list_tit {margin:0;}
	.bg_img_card .layout_card {height: 420px;}
	.bg_img_card .wrap_video .layout_card  {height: 340px}
	.bg_img_card .layout_card .con .tit_hashtag,
	.bg_img_card .wrap_video .layout_card .con .tit_hashtag {margin-top: 0}

  .bg_img_card .layout_card .con {padding:30px 30px 10px 30px;}

  .wrap_bn {display: none}
  .wrap_bn img {width: 100%;}
  /*.wrap_cta {padding: 50px 16px}
  .wrap_cta .inner_flex {padding: 40px 16px; flex-direction: column; flex-wrap: nowrap}
  .wrap_cta .col1 {line-height: 1.4; text-align: center}
  .wrap_cta .col2 {text-align: center}
  .wrap_cta a {margin-top: 20px; max-width: inherit; width: 100%;}*/
  .features .wrap_cta {padding-top: 0} 

  .area_video .video img,
  .area_tab .tab_contents .thumb img  {width: 100%}
  .area_video .bg_video01 {display: none;}
  
  .list_btn_thumb .btn_thumb .thumb {display: none}

  .list_bn_thumb {margin-top:100px;}
  .list_bn_thumb .bn_thumb {margin:0 0 30px 0; width:100%; height:185px;}
  .list_bn_thumb .bn_thumb.on {background:#F3F8FD; border:1px solid #D0E3F6;}  
  .list_bn_thumb .bn_thumb:nth-child(even) {margin: 0 0 40px 0px;}
  .list_bn_thumb .bn_thumb .tit_box {display:block; padding:35px 0 0 45px;}
	.bn_thumb .tit_box .txt {width: 50%; min-width: 160px; font-size: 16px;}
	.bn_thumb .thumb {width: 150px; top:50px; right: 0}

	.talkbubble {top: -36px; margin-left: -42px;}

  /* 랜딩페이지 버튼 */
  .link_detail {font-size:14px; background-color:#fff;}
  .link_detail:hover {background-color:#fff;}

  .area_visual {height: 580px}
  .area_visual .tit {padding-top: 80px;}
  .area_visual h1,
  .content_head h1 {font-size: 32px;}
  .content_head h2, .content_head h3, .content_body h2, .content_body h3 {font-size:28px;}
  .area_visual .wrap_btn {margin-top: 32px;}
  .area_visual .visual {margin-top: 40px}
  .area_visual .visual img {width: 100%}
  .area_nav.channel .inner_flex {flex-wrap: nowrap; overflow-x: auto}
  .area_nav.channel a {text-align: center}
  .benefit .item .item_cont .title {text-align:center;}
  
  .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;}

	/* page */
	.features .navbar a.item {margin: 7px 4px 4px; padding: 24px 5px 0; width: 76px; height: 100px;}
	.features .navbar a.item .item_text {margin-top: 0;}
	.features .area_overview .list_overview {width: 100%}
	/*.features .area_overview .list_overview li {width: calc(100% / 2); padding: 0 4px;}*/
	.features .navbar .anchors > a {text-align: center}
	.features .area_overview.area_overview {padding: 80px 0}
	.features .list_func .inner_flex > div {width: inherit;}
  .features .list_func .item:first-child {padding-top: 60px}
  .features .list_func .item {padding: 0;}
	.features .list_func .item_cont {padding:0 0 40px}
	.features .list_func .item + .item {padding-top: 100px;}
	.features .list_func .inner_flex.flex2 .item_cont,
	.features .list_func .inner_flex.flex2 .item_thumb {width: inherit;}

	.features_v2 .content_head h1,
	.features_v2 .content_head h2 {font-size: 36px;}
	.features_v2 .list_func .item .right .item_cont {padding-left: 0;}

	.video_con .area_price .list_item .item {flex: inherit;}
	.video_con .list_func .item:nth-child(odd) {padding:60px 0;}
	.video_con .area_price .list_item {width: 100%}
	.video_con .area_price .list_item .item:first-child {margin: 0}
	.video_con .area_price .list_item .item + .item{margin-top: 32px}

	.video_con .content_head h1,
	.linkplus .content_head h1,
	.ehr2 .content_head h1, 
	.video_con .content_head h2,
	.linkplus .content_head h2,
	.ehr2 .content_head h2 {padding-top: 70px;}

	.linkplus .tab_default {margin: 80px auto 0;}
	.linkplus .wrap_card {margin: 32px auto 0}

	.case .legend {margin-top: 32px; padding-right: 18px;}
	.case .list_video .item_cont {width: 100%; padding: 30px 0 0}
	.case .list_video .item .quotes_s {position: relative; left: 0}
	.case .list_box .item {height: 250px}

	.customer .area_cont + .area_cont {padding-top: 80px}
	.customer .navbar .anchors {margin: 30px 0 0 4px}
  .customer .navbar .wrap_select {width: 98%;}
  .customer .navbar .wrap_select:before {top: 32%}
  .customer .navbar .wrap_select .select {width: 99%; letter-spacing: -2px;}
	.customer .list_ci {display: flex; flex-wrap: wrap; }
	.customer .list_ci li {width: calc(100% / 3 - 10px); margin: 12px 4px 0; vertical-align:top;}
	.customer .list_ci li .tit {font-size: 12px; word-break: break-all;}
	.customer .list_ci li img {width: 90%;}
	.contents_document .anchors {margin-left: 4px;}
  .contents_document .wrap_card,
  .online  .wrap_card {margin: 0}
  .contents_document .wrap_card .layout_card,
  .online  .wrap_card .layout_card {height: inherit; padding-bottom: 32px}
	
  .online .bg_img_card .card_list_tit {margin-top: 80px;}
  .online .bg_img_card .layout_card .play_img,
  .contents_document .bg_img_card .layout_card .play_img {left: 8px}
  .edu_online .list_box.list_even {width: 100%}
  .edu_online .list_box .item,
	.edu_online .list_box.list_even .item {width: 100%; margin: 10px 0 0;}
  .edu_online .list_box.list_even .item:nth-child(odd) {margin-right: 0}


  .govt .box {padding: 50px 24px;}
  .govt .wrap_list {margin-top: 40px}
  .govt .box .col1 {float: inherit; width: 100%}
  .govt .govt_de .col1 img {width: 100%}
  .govt .box .col2 {margin: 12px 0 0}
  .govt .box .col2 .meta dt {flex: inherit; width: 100%}
	.govt .box .col2 .meta dd {margin: 0;}
	.govt .wrap_news .list_news {overflow: inherit;}
	.govt .wrap_news .list_news li {float: inherit; width: 326px; margin: 12px auto 0}
	.govt .wrap_news .list_news li+li { margin: 12px auto 0}
  .govt .wrap_news .list_news a img {width: 100%}
  .govt .box .btn_general, .govt .box .btn_ghost {margin:16px 0 0;}

	.security .area_plan .inner_flex {flex-wrap: wrap;}
	.security .wrap_plan.spam {flex-basis: 100%; margin: 0 0 52px 0;}
	.security .wrap_tab .tab {margin-top: 40px;}
	.security .wrap_tab .tab button {margin:2px;}
	.security .wrap_tab .tabcontent img + p {text-align: left}
	.security .area_cont.features h2 {font-size: 24px;}
	.security .wrap_type .wrap_card.three_card .layout_card {width: 100%; height: 500px;}
	.security .wrap_scroll {width: 98%; overflow-x: scroll; margin: 0 auto;}
	.security .wrap_card {margin: inherit;}


	.partnership .list_qna dt, 
	.partnership .list_qna dd {padding-left: 0}
	.partnership .list_qna h3 {position: inherit; top:inherit; text-align: left; font-weight: 200}
	.partnership .list_qna h3 + div {margin-left:0;}
	.partnership .list_qna dd + dt > h3 {top: inherit;}
	.partnership .list_qna .wrap_col {display: block;}

	.price .area_membership .inner {padding: 0 8px;}
	.price .area_head h2 {font-size: 32px;}
	.price .list_membership {position: relative;}
	.price .list_membership .slick-dots {bottom:-16px;}
	.price .list_membership .slick-prev {left: -4px; opacity: 0.7}
	.price .list_membership .slick-next {right:-4px;opacity: 0.7}
	.price .tb_normal.tb_membership {margin: 33px 20px 20px;}
	.price .tb_membership thead .membership {width: inherit;}
	.price .tb_membership thead th {padding: 32px 20px 20px;}
	.price .tb_membership thead th .subtit {height: 28px; line-height: 28px; font-size: 13px;}
	.price .tb_membership thead th.m1 .subtit {top:8px;}
	.price .tb_membership thead th.m2 .subtit, 
	.price .tb_membership thead th.m3 .subtit {top:-28px;}
	.price .tb_membership thead th .desc {margin-top: 4px}
	.price .tb_membership thead th a {margin-top: 20px; box-sizing: border-box;}
	.price .tb_membership tbody th {width:30%;}
	.price .tb_membership .h140 {height: 140px}
	.fs_price {font-size:36px }
	.fs_price .fs_symbol {font-size:32px;}
	.price .wrap_event {margin-top: 40px;}
	.price .wrap_event + .wrap_btn {margin-top: 60px;}
	.price .list_noti {margin-top: 40px}
	.price .wrap_collapsible {margin-top: 40px}
	.price .wrap_collapsible .accordion {margin-top: 8px; padding: 16px 12px; width: 100%; background: #EAEDEF;  border: 1px solid #DDE3E7; font-size: 16px; text-align:left; cursor: pointer; border-radius: 4px; transition: 0.4s}
	.price .wrap_collapsible .accordion:after { content: '\002B'; color: #777; font-weight: bold; float: right;  margin-left: 5px;}
	.price .wrap_collapsible .accordion.active:after { content: "\2212"; }
	.price .wrap_collapsible .panel {max-height: 0; overflow: hidden;  transition: max-height 0.2s ease-out;}
	.price .wrap_collapsible .tb_normal {margin-top: 0}
	.price .wrap_collapsible .tb_normal th, 
	.price .wrap_collapsible .tb_normal td {padding:10px;}
	.price .wrap_collapsible .tb_normal td.price {width: 120px}
	.price .wrap_collapsible .tb_normal .btn_txt_tiny {font-size: 16px; color:#333;}
  .price .wrap_bn {padding: 50px 0 0;}

	.btn_toggle {padding: 20px}
	.toggle_cont {padding:30px 16px;}
	.toggle_cont .wrap_flex {display: block;}
	.toggle_cont .event {padding-right: 0}
	.toggle_cont h3 {font-size: 24px;}
	.toggle_cont h3 + .tit {margin-top: 20px}
	.toggle_cont .ex {margin-top: 30px; padding: 24px 16px 20px;}
	.toggle_cont .ex h4 {line-height: 1.3;}
	.toggle_cont .ex h4 .fs_gray8 {display: block; margin-bottom:8px;}

	.terms .tb_normal.tb_history th,
	.terms .tb_normal.tb_history td {font-size: 14px;}

	.landing_page.inner {padding: 0;}
	.landing .landing_pc{display: none; }
	.landing .landing_mo{display: block; }
	.landing_page .area_cont {padding: 60px 12px;}
	
	.ehr2 .area_func {padding-bottom: 0;}
	.ehr2 .area_func .list_func .item_cont,
	.ehr2 .area_func_admin .item_cont {padding: 0;}
	.ehr2 .list_func .item_cont .desc {margin-top: 0;}
	.ehr2 .area_func_admin .item_thumb {margin-top: 45px; min-height: 250px;}
	.ehr2 .area_event img {width: 100%}

	.accounting .list_bullet li {margin-left: 0}
	.accounting .area_service .list_func .item {padding: 80px 0 0;}
	.accounting .area_service .list_func h3 {font-size: 28px;}
	.accounting .area_func .wrap_tab {display: block;}
	.accounting .area_link .tab_default {margin-left: 16px;}
	.accounting .tab_menu {display: block; background: #F5F7F9; margin: 0; padding-top: 40px;}
	.accounting .tab_menu h3 {font-size: 30px; text-align: center;}
	.accounting .area_func .tab_contents {padding: 50px 0}
	.accounting .area_func .tit {padding-left: 0;}
	.accounting .area_func .tit h4 {font-size: 24px;}

	.accounting .tb_type1 th, 
	.accounting .tb_type1 td {padding: 5px; font-size: 14px;}
	.accounting .tb_type1 .ic_com.star {display: none;}
	.accounting .tb_type1 tbody th.depth {font-size: 16px;}
	.accounting .tb_type1 tbody th.depth2 {font-size: 14px;}
	.accounting .tb_type1 .ic.check {width: 6px; height: 12px;}
	.accounting .area_video .video iframe {width: 95%; height: auto;}
	.accounting .area_video .list_item .inner {flex-direction: column;}
	.accounting .area_video .list_item .item {width:  100%; padding: 20px 0;}
	.accounting .area_video .list_item .item:after {display: none}

  .area_comingsoon .box {width: 100%; padding: 50px 30px 30px;}
  .area_comingsoon .box + .box {margin: 60px 0 0}

  .tab_menu .wrap_link {white-space: nowrap; overflow-x: auto;}
  .tab_menu button {display: inline-block; border: 1px solid #E0E0E0; color: #8D8D8D; font-size: 16px; letter-spacing: -1px; padding:9px; }
  .tab_menu button:after {display: none; }
  .tab_menu button.active {background: #000; border: 1px solid #000; color: #fff; font-weight: 500;}


	.ic_brandstory_pc { display:none;}
	.ic_brandstory_mo { display: block; width: 94px; height:94px; border-radius: 10%; padding-bottom:10px; background: url(../images/ic_brandstory_mo.svg) no-repeat;}
	.ic_brandstory_mo.ic01 {background-position: 0 0;}
	.ic_brandstory_mo.ic02 {background-position: -150px 0;}
	.ic_brandstory_mo.ic03 {background-position: -300px 0;}
	.ic_brandstory_mo.ic04 {background-position: -450px 0;}
	.ic_brandstory_mo.ic05 {background-position: -600px 0;}
	.brandstory .img {padding-top:40px;}
	.brandstory .b_logo_mo {display:block; width:100%;}
	.brandstory .b_logo_pc {display:none;}
	.brandstory .map1280 {display:none;}
	.brandstory .map959 {display:block;}
	.brandstory {overflow-x:hidden;}
	.brandstory .grad_box {position:relative; margin: 7% 7% 90px; padding: 0; height: inherit; border-radius: 34px;}
	.brandstory .grad_box .wrap_tit {padding:37px 3px 10% 8px;}
	.brandstory .grad_box .brand_mo {display:block; position: absolute;  bottom:-26%; margin: 0 auto; max-width: inherit; width:auto; left: -12%; text-align: center;}
	.brandstory .grad_box .brand_pc {display:none;}
	.brandstory .grad_box h1 {padding-top:0px;}
  .brandstory .grad_box img {z-index:-1}
  .brandstory .grad_box .desc {margin-top:18px; font-size:18px; font-weight: normal}
	/*.brandstory p {font-size:16px; text-align:left; padding-top:0; margin-top:18px;}*/
	.brandstory .area_cont {padding:20px 20px;}
	.brandstory .area_head {margin-left:10px;}
	.brandstory .area_head h2 {font-size:32px; text-align:left; line-height:130%;}
	.brandstory .area_head h4 {text-align:left; color:#BBB; font-size:18px; font-weight:500; padding-bottom:10px;}
	.area_video {position:relative;}
	.area_video .video {margin-top:30px; text-align:center;}
	.area_video .video iframe, .area_video .video .thumb {display:inline-block; box-shadow: 0px 10px 12px rgb(0 0 0 / 12%); border-radius: 12px;}
	.area_video .video img {display: block; border-radius:12px;}
	.area_video .bg_video01 {display:none;}
	.area_video .bg_video02 {display:none;}
	.area_video .bg_video03 {display:none;}
	.brandstory .story {max-width:1000px; margin:0 auto; overflow:hidden;}
	.brandstory .noti {color:#7387ff; font-size:14px; font-weight:400; text-align:left; margin-left:10px;}
	.brandstory .story .area_head {margin-bottom:10px; margin-left:10px;}
	.brandstory .list_func h3 {font-size:28px; line-height:130%;}
	.brandstory .list_func p.sub {font-size:18px;}
	.brandstory .list_func .desc {font-size:16px; font-weight:400; color:#888;}
	.brandstory .img {cursor:pointer;}
	.brandstory .point {max-width:959px; margin:0 auto 20px;}
	.brandstory .point .list_func .item {padding:0 0 40px 0;}
	.brandstory .list_func .item_cont {padding-top:20px; padding-left:10px;}
	.brandstory .list_func .right .item_cont {padding-top:20px; padding-left:10px;}
	.brandstory .list_func .right .item_thumb {margin-left:10px;}
	.brandstory .highlighter:after {content: ''; position: absolute; left: 1px; bottom: 7px; z-index: -1; width: 102%; height:10px; background: #60f7ff; border-radius: 3px;}
  .brandstory .wrap_news.oneteam h2 {font-size: 32px;}


  .payslip .area_revised p.tit {font-size: 18px;}
  .payslip .area_revised .item {flex: 100%; padding: 20px;}
  .payslip .area_revised .item:first-child {margin: 0 0 60px;}
  .payslip .area_revised .item:first-child:after {display: none}
  .payslip .area_feature .list_func .item {margin-top: 40px}
  .payslip .area_feature .list_func .item + .item:before {display: none}
  .payslip .area_service .list_func .item_thumb,
  .payslip .area_service .list_func .item_cont,
  .payslip .area_check .list_func .inner_flex > div {flex: 100%;}
  .payslip .list_func .item_cont .desc {font-size: 16px}

  
  .price_ver2 .area_membership .wrap_membership {display: block;}
  .price_ver2 .area_compare .tb_price, 
  .price_ver2 .area_membership .wrap_membership {margin-top: 0}
  .price_ver2 .view_mo .slick-list {margin-top: 80px; padding-top: 30px!important}
  .price_ver2 .view_mo .slick-dots {top: -48px; bottom: inherit;}
  .price_ver2 .view_mo .card {width: 80%; margin: 0 4px;}
  .price_ver2 .view_mo .wrap_collapsible {margin-top: 40px}
  .price_ver2 .view_mo .tb_price th, 
  .price_ver2 .view_mo .tb_price td {width: 50%;}
  .price_ver2 .view_mo .tb_price tbody th, 
  .price_ver2 .view_mo .tb_price tbody td {padding: 10px; border-left: 1px solid #D8D8D8; border-right: 1px solid #E8EBEE}
  .price_ver2 .view_mo .tb_price tbody th + td {border-left-color: #E8EBEE}
  .price_ver2 .area_compare .view_mo .wrap_btn.recommend {margin-top: 30px;}
  .price_ver2 .area_compare .view_mo .tb_price,
  .price_ver2 .area_data .view_mo .tb_price {margin: 0 5px}
  .price_ver2 .tb_price tbody tr:last-child th,
  .price_ver2 .tb_price tbody tr:last-child td {border-bottom: 1px solid #D8D8D8}
  .price_ver2 .tb_price.d2 thead th,
  .price_ver2 .tb_price.d3 thead th {border-right-color: #25cad3; border-left-color: #25cad3}
  .price_ver2 .tb_price.d2 tbody th,
  .price_ver2 .tb_price.d3 tbody th {border-left-color: #25cad3}
  .price_ver2 .tb_price.d2 tbody td,
  .price_ver2 .tb_price.d3 tbody td,
  .price_ver2 .tb_price.d2 tbody th.label,
  .price_ver2 .tb_price.d3 tbody th.label,
  .price_ver2 .tb_price.d2 tbody th.depth2,
  .price_ver2 .tb_price.d3 tbody th.depth2 {border-right-color: #25cad3}
  .price_ver2 .tb_price.d2 tbody tr:last-child th,
  .price_ver2 .tb_price.d3 tbody tr:last-child th,
  .price_ver2 .tb_price.d2 tbody tr:last-child td,
  .price_ver2 .tb_price.d3 tbody tr:last-child td {border-bottom-color: #25cad3}
  .price_ver2 .area_membership .wrap_cta {padding: 50px 0}

  .price_ver2 .area_head h2 {font-size: 32px}
  .price_ver2 .wrap_calculator {padding:36px 0 0}
  .price_ver2 .wrap_calculator.inner_flex {flex-direction: column;}
  .price_ver2 .wrap_calculator .col1 {margin-right: 0; padding: 0 20px 40px; border-right: 0; border-bottom: 1px dashed #e9e9e9;}
  .price_ver2 .wrap_calculator .col2 {padding:40px 20px}
  .price_ver2 .wrap_calculator .wrap_detail .item {display: block; padding: 12px 0}
  .price_ver2 .wrap_calculator .wrap_detail .tooltip {display: none}
  .price_ver2 .wrap_calculator .wrap_price .tit_txt {padding-top: 12px}
  .price_ver2 .com_ck {display: block}
  .price_ver2 .area_calculator .info_txt {display:block; margin: 8px 0 0}
  .price_ver2 .wrap_calculator .wrap_option .row {flex-direction: column;}
  .price_ver2 .wrap_calculator .wrap_option .row + .row {margin:0}
  .price_ver2 .wrap_calculator .wrap_option .row .com_ck {display:inline-flex}
  .price_ver2 .wrap_calculator .col1 .meta .txt_num {margin:0; font-size:18px}
  .price_ver2 .wrap_calculator .col1 .meta span {text-align:center; line-height: 1.4}
  .price_ver2 .wrap_calculator .wrap_detail {padding: 0 20px;}
  .price_ver2 .area_calculator .btn_wrap {gap: 8px}
  .price_ver2 .area_calculator .btn_wrap a {font-size: 18px; padding:20px}
  .price_ver2 .area_calculator .btn_wrap .btn_general {padding:20px}
  .price_ver2 .tooltip {display:none;}

  .list_func h3 {font-size: 28px}
  .wrap_lead2 .tit {font-size: 18px}

  .down2 .box_type1,
  .down2 .area_after .box_type1 {width: 100%; padding: 50px 10px 80px}
  .down2 .box_type1 + .box_type1 {margin: 40px 0 0}
  .down2 .area_before .item + .item:before {display: none}
  .down2 .content_body .area_cont .tit {text-align: center;}
  .down2 .content_body .area_cont .tit:after {display: none}

  .works .area_comingsoon .box .item {min-height: inherit}
  .works .area_service .item .item_thumb {width: 100%}
  .works .area_service .item .item_cont {width: 100%}

  .wrap_timeline {width: 95%; margin: 40px auto}
  .wrap_timeline .item {padding: 0 0 60px 0; border-left: none}
  .wrap_timeline .item .cont {padding-left: 30px}
  .wrap_timeline .item h3 {margin-top: 12px}
  .wrap_timeline .item .wrap_time {position: relative; left: -30px}

  .wrap_card2 .item {margin: 40px 0 0;}

  .telecommuting .inner_flex {display: block}
  .telecommuting .inner_flex .item {width: 100%}
  .telecommuting .item img {width: 100%;}
  .telecommuting .area_daou .bg_item01,
  .telecommuting .area_daou .bg_item02,
  .telecommuting .area_daou .bg_item03 {display: none}


  .list_step {display: block;}
  .list_step li {width: 100%; padding: 0 40px 60px}
  .list_step li .ic_step:after {top: inherit; bottom: -70px; left: 50%; margin-left: -13px; transform: rotate(135deg); border-color: #ddd}

  .enterprise .area_visual {background-size: 85%}
  .enterprise .area_visual div.tit {padding-top: 60px}
  .enterprise .area_visual h1 .tit {font-size: 36px }
  .enterprise .area_visual h1 .tit_sub {font-size: 18px}
  .enterprise h2 {font-size: 32px;}
  .enterprise .area_visual .desc {font-size: 16px}
  .enterprise .area_visual .character img {width: 50%}
  .enterprise .list_customer {margin: 0 auto; width: 85%}
  .enterprise .list_customer li {width: calc(100%/3 - 4px); height: 100px; padding: 0}
  .enterprise .list_customer li img{width: 100%}
  .enterprise .area_issue .list_box {display: block}
  .enterprise .area_issue .list_box .item {width: 100%; padding: 10% 5%;}
  .enterprise .area_issue .list_box .item + .item {margin: 10px 0 0}
  .enterprise .area_type .item {width: 100%; padding: 10% 5%;}
  .enterprise .area_type .item + .item {margin-left: 0}
  .enterprise .area_feature .list_func {margin: 0}
  .enterprise .area_feature .ic_num {font-size: 20px; position: relative; top: inherit; left: inherit}
  .enterprise .area_feature h4 {margin-top: 12px}
  .enterprise .area_feature .item_cont {width: 100%; padding-left: 12px;}
  .enterprise .area_feature .item_thumb {width: 70%}
  .enterprise .area_state .inner_flex {display: block}
  .enterprise .area_state .item {width: 100%;}
  .enterprise .area_state .item + .item {margin-top: 40px}
  .enterprise .area_state .item + .item:before {display: none}
  .enterprise .list_reference {display: block}
  .enterprise .list_reference .item {width: 100%}
  .enterprise .list_reference .item + .item {margin-top: 20px}
  .enterprise .list_reference .box_talk:after {z-index: -1}
  .enterprise .area_reference .wrap_btn {margin-top: 40px}
  .enterprise .area_reference .wrap_btn a {width: 90%}
  .enterprise .area_vs .vs_02 .list_box {padding-left: 0}
  .enterprise .area_vs .vs_02 .list_box .item {display: block; width: 100%; height: inherit;}
  .enterprise .area_vs .vs_02 .list_box .item + .item {margin: 10px 0 0}
  .enterprise .area_vs .vs_02 .list_box .item > div {width: 100%}
  .enterprise .area_vs .vs_02 .list_box .i_cont {margin-top: 20px}
  .enterprise .area_vs .vs_02 .list_box .list_noti {margin-top: 8px}
  .enterprise .area_vs .vs_01 .list_item {flex-wrap: nowrap; overflow-x: auto;}
  .enterprise .area_vs .vs_01 .list_item .item_head {width: 200px}
  .enterprise .area_vs .vs_01 .list_item .item_head p {padding: 0 10px 0 4px}
  .enterprise .area_vs .vs_01 .list_item .item_body {width: 800px; flex-wrap: nowrap; flex-wrap: nowrap;}
  .enterprise .area_vs .vs_01 .list_item .item_body .item {flex: inherit; width: 400px}
  .enterprise .area_reason .item {width: 100%;}
  .enterprise .area_step .wrap_btn {margin-top: 30px} 
  .enterprise .area_step .wrap_btn .btn_general {width: 90%}
  .enterprise_features {padding: 0 12px}

  .enterprise_price h1 {font-size: 36px}
  .enterprise_price .area_tab .tab_default {margin-left: 0}
  .enterprise_price .content_head .btn_general {min-width: 300px}
  .enterprise_price .tab_contents .item {width: 100%; margin: 40px 5px 0;}
  .enterprise_price .area_tab .area_head .desc {font-weight: 300; color: rgba(255, 255, 255, 0.5);}
  .enterprise_price .tab_tit .desc {font-size: 16px}
  .enterprise_price .area_price .wrap_list .list_item {overflow-x: auto; white-space: nowrap; min-width: 800px}
  .enterprise_price .wrap_tb {overflow-x: auto;}
  .enterprise_price .option .tb_type2 .item_head {width: 30%}
  .enterprise_price .option .tb_type2 .item_body {width: 70%}


  .enterprise_connect .list_box {display: block}
  .enterprise_connect .wrap_process .item:first-child:after {background: url(../images/enterprise_connect/ec_arrow_mo.svg) no-repeat; top: inherit; bottom: -70px; right: 50%; margin-right: -50px;}
  .enterprise_connect .area_process .list_box .item + .item {margin-top: 80px}
  .enterprise_connect .area_process .list_case .desc {padding-left: 0}
  .enterprise_connect .area_process .list_step {padding: 5%;}
  .enterprise_connect .area_process .case .list_step li {width: 100%; padding: 5%}
  .enterprise_connect .area_process .case .list_step li + li {margin-top: 20px}
  .enterprise_connect .area_process .ic_step:after {bottom: -105px}
  .enterprise_connect .area_process .highlighter:after {display: none}
  .enterprise_connect .area_app .item {margin: 0 auto; padding: 20px 20px 40px; height: auto;}
  .enterprise_connect .area_app .item + .item {margin-top:20px}
  .enterprise_connect .area_interview .inner_flex {display: block}
  .enterprise_connect .area_interview h3 {font-size: 28px}
  .enterprise_connect .area_interview .btn_txt {margin-top: 20px}
  .enterprise_connect .area_interview .item_video {margin-top: 40px}

  .api .area_vs .item {}
  .api .area_vs .item:first-child {margin: 0}
  .api .area_vs .item:first-child:after {margin-right: -18px; bottom: -63px; transform: rotate(90deg); top: inherit; right: 50%;}
  .api .area_vs .thumb img {width: 100%}
  .api .area_vs .item + .item {margin-top: 100px}
  .api .area_feature .right .item_cont {padding: 0}
  .api .list_step li .ic_step:after {bottom: -120px;}

  .expense .area_visual {height: auto}
  .expense .area_visual img {display: block}
  .expense .list_func .item_cont .desc {margin-top: 8px}
  .expense .list_func .item h3 {margin-top: 0}
  .expense .area_guide .tab_default {margin: 43px auto 0;}
  .expense .area_guide .tab_contents .item{margin-top: 60px}
  .expense .area_feature .list_func .item_cont, 
  .expense .area_mobile .list_func .item_cont {margin-top: 0}
  .expense .area_feature .list_func .item, 
  .expense .area_mobile .list_func .item  {margin-top: 40px}
  .expense .list_func .item_thumb {margin-top: 0}


  .landing_untact .area_visual.bg_untact {height: inherit; padding-bottom: 60px}
  .landing_untact .wrap_event {width: 100%;}
  .landing_untact .summary {padding: 32px;}
  .landing_untact .summary h3 {font-size: 20px; text-align: left;padding-bottom : 10px}
  .landing_untact .summary table {margin-top: 12px;}
  .landing_untact .summary table th,
  .landing_untact .summary table td {padding: 6px 0; font-size: 14px}
  .landing_untact .summary table th {width: 24%}
  .landing_untact .summary table td .normal{display: block}
  .landing_untact .summary .dami {position: absolute; right: -34px; bottom: -50px; width: 144px; height: 171px; background: url(../images/untact_2022/untact_06.png) center no-repeat;}
  .landing_untact .area_visual .wrap_noti h4 {display: block; position: relative;}
  .landing_untact .area_visual .list_bullet {margin-top: 8px; padding-left: 0}
  .landing_untact .area_visual .wrap_noti h4 .ic_info {display: none;}
  .landing_untact .area_price .wrap_tb_price {width: 100%; white-space: nowrap; overflow-x: auto;}
  .landing_untact .area_price .tb_price, 
  .landing_untact .area_price .wrap_noti,
  .landing_untact .tb_price {width: 100%; }
  .landing_untact .tb_price th, 
  .landing_untact .tb_price td {font-size: 14px}
  .landing_untact .tb_price tbody td.price {padding-right: 1px}
  .landing_untact .tb_price td .tooltip {display: none}
  .landing_untact .area_price .info_price {width: 100%;}
  .landing_untact .area_price .wrap_noti {width: 100%; margin-top: 30px}
  .landing_untact .area_price .wrap_flex {display: block; width: 100%}
  .landing_untact .area_price .noti {padding-right: 0;}
  .landing_untact .area_price .list_noti li {font-size: 14px; margin-top: 0;}
  .landing_untact .area_price .ex {margin-top: 10px}
  .landing_untact .area_service .service img + img {margin-top: -20px}


  .metaverse .content_head {padding:0;}
  .metaverse .wrap_tit .bg_main_mo {display:block; width:100%; margin:0 auto;}
  .metaverse .wrap_tit .bg_main_pc {display:none;}
  .metaverse .text_box {position:absolute; top:40%; left:20%; margin:0 20px;}
  .metaverse .text_box span {font-size:18px; text-shadow:0px 0px 30px #333;}
  .metaverse .bg_main_mo, .howto_mo {display:block;}
  .metaverse .bg_main_pc, .howto_pc {display:none;}
  .metaverse .introduce {padding:70px 24px 0;}
  .metaverse .introduce .area_cont {width:100%; margin:0 auto; padding:70px 0;}
  .metaverse .introduce .area_head_pc {display:none;}
  .metaverse .introduce .area_head_mo {display:block;}
  .metaverse .introduce .area_head_mo p.sub {text-align:center; color:#BBB; font-size:24px; font-weight:500; padding-bottom:15px;}
  .metaverse .introduce .area_head_mo p.txt {font-size:16px; line-height:150%; text-align:center; font-weight:300; padding-top:30px;}
  .metaverse .introduce .area_head_mo p span {font-weight:600; margin-left:-2px;}
  .metaverse .introduce h3 {font-size:28px;}
  .metaverse .introduce p.sub {font-size:18px;}
  .metaverse .introduce .desc {font-size:16px; margin-top:20px;}
  .metaverse .introduce .contents_lounge_mo, .sales_lounge_mo {display:none;}
  .metaverse .introduce .contents_lounge_pc, .sales_lounge_pc {display:block; z-index:-2;}
  .metaverse .introduce .rectangle_con {height:400px; position:absolute; top:430px; right:-70px;}
  .metaverse .introduce .rectangle_sales {height:360px; position:absolute; top:600px; left:-100px;}
  .metaverse .introduce .inner_flex {padding:0;}
  .metaverse .introduce .item_cont_pc {padding:0; display:none;}
  .metaverse .introduce .item_cont_mo {padding:0; display:block;}
  .metaverse .introduce .item_left {margin-bottom:80px;}
  .metaverse .introduce .item {margin-bottom:60px;}
  .metaverse .list_func .item_left .item_thumb {margin:40px 70px 0 0;}
  .metaverse .list_func .right .item_cont {padding:0 0 30px 0;}
  .metaverse .list_func .right .item_thumb {margin:20px 0 0 100px;}
  .metaverse .guide {padding:70px 0 70px;}
  .metaverse .guide img {margin:30px auto;}
  .metaverse .guide .area_head_mo {display:block; margin-bottom:50px;}
  .metaverse .guide .area_head_pc {display:none;}
  .metaverse .event {padding:70px 0 0;}
  .metaverse .event .area_head_mo {display:block; margin:0 auto;}
  .metaverse .event .area_head_pc {display:none;}
  .metaverse .event .item_cont {margin:0 auto;}
  .metaverse .event ul {margin:70px 0 0;}
  .metaverse .event ul li {width:100%; margin:0 130px 60px 0;}
  .metaverse .event ul li:last-child {margin-right:0px;}
  .metaverse .event ul li h3 {font-size:23px;}
  .metaverse .event ul li .desc {font-size:16px; line-height:170%; color:#444;}
  .metaverse .event .ox_event_mo, .sns_event_mo {display:block; margin:0 auto;}
  .metaverse .event .ox_event_pc, .sns_event_pc {display:none;}
  .metaverse .event .circle01,.metaverse .event .circle02, .metaverse .event .circle03 {display:none;}
  .metaverse .wrap_news {padding:70px 0; margin-bottom:30px;}
  .metaverse .wrap_news h2 {margin:0 20px;}


  .oneteam .content_head { padding-bottom: 40px}
  .oneteam .content_head .inner {padding-top: 80px; height: 480px;}
  .oneteam .content_head h1 {font-size: 32px}
  .oneteam .content_head .desc {font-size: 16px}
  .oneteam .list_box .item {width: 100%; margin: 40px 0 0; padding: 0;}
  .oneteam .content_head .character {height: 300px; z-index: -1;}
  .oneteam h3 {font-size: 28px; letter-spacing: -2px;}
  .oneteam .area_story .story_de {font-size: 16px}
  .oneteam .list_character .subtit {display: block}


  .dw_all .navbar2 .wrap_navbar {padding: 0 16px}
  .dw_all .content_head h1 {font-size: 36px; font-weight: 500; line-height: 120%; letter-spacing:-2px }
  .dw_all .area_cont h2 {font-size: 28px; letter-spacing: -2px;}
  .dw_all .list_card {display: block; margin-top: 0; max-width: 100%; white-space: nowrap; overflow-x: auto; }
  .dw_all .item_card {display: inline-block; margin: 20px 8px 32px; width: 280px;}
  .dw_all .item_card .card_thumb img {width: 100%;}
  .dw_all .area_bn {margin:60px 0; padding:0 5%;}

  .dw_lead .wrap_col {flex-direction: column}
  .dw_lead .wrap_col .col {width: inherit}
  .dw_lead .wrap_col .col2 {display:none}
  .dw_lead .area_bn_lead {display:none;}
  
  .recommend .content_body {padding-top:60px; padding-bottom:80px;}
  .recommend .content_body .section {width:90%; margin:0 auto;}
  .recommend .wrap_slider {width:100%; margin:0 auto 40px;}
  .recommend .wrap_slider .slider_dots {margin-top:0px;}
  .recommend .wrap_slider .slider_dots li.on {font-size:12px;}
  .recommend .wrap_tit {margin:0 auto 40px; width:100%;}
  .recommend .wrap_tit h1 {font-size:34px; font-weight:400;}
  .recommend .wrap_tit p {font-size:20px; margin-bottom:13px;}
  .recommend .wrap_con ul {width:100%; flex-direction:column; margin:0 auto 50px;}
  .recommend .wrap_con li {width:100%; height:100px; border:2px solid #E8EEF3;}
  .recommend .wrap_con li p {font-size:19px; margin-top:0px;}
  .recommend .wrap_con li.on p, .select li:hover p {font-size:19px; margin-top:0px;}
  .recommend .wrap_con li.on {width:100%; height:100px;}
  .recommend .wrap_con li:first-child {margin-bottom:22px;}
  .recommend .wrap_con li label {float:left; margin:30px 0; top:0; right:30px;}
  .recommend .wrap_con li.on label {float:left; margin:30px 0; top:0; right:30px;}
  .recommend .wrap_con li .img {display:none;}
  .recommend .wrap_con li .text {margin:33px 0 0 20px; float:left;}
  .recommend .wrap_btn {width:100%;}
  .recommend .wrap_btn .next_btn {width:170px; height:60px; font-size:17px;}
  .recommend .wrap_btn .prev_btn {width:60px; height:60px; font-size:17px; margin-right:13px;}
  .recommend .wrap_btn .prev_btn span {width:24px; height:20px; background:url(../images/recommend/ic_recommend.svg) -1391px -24px;}

  .recommend_result .content_body {padding-top:60px; padding-bottom:80px;}
  .recommend_result .content_body .section {width:90%; margin:0 auto;}
  .recommend_result .wrap_tit {width:100%; margin:0 auto 50px;}
  .recommend_result .wrap_tit h1 {font-size:30px; font-weight:600;}
  .recommend_result .wrap_tit .tag {margin-top:35px;}
  .recommend_result .wrap_tit .tag li {padding:3px 12px; font-size:13px; border-radius:4px;}
  .recommend_result .wrap_tit .tag li:first-child {margin-right:8px;}
  .recommend_result .wrap_tit p {font-size:16px; line-height:28px; margin-top:23px;}
  .recommend_result .wrap_tit p em {font-weight:600;}
  .recommend_result .wrap_con .detail {width:100%; flex-direction:column; align-items:center;}
  .recommend_result .wrap_con li {width:90%; padding:50px 0 60px; border-radius:15px; margin-bottom:20px;}
  .recommend_result .wrap_con li:nth-child(1),.recommend_result .wrap_con li:nth-child(2),.recommend_result .wrap_con li:nth-child(4),.recommend_result .wrap_con li:nth-child(5) {margin-right:0;}
  .recommend_result .wrap_con li .tit p {font-size:24px; font-weight:500;}
  .recommend_result .wrap_con li .txt p {font-size:16px; margin-top:20px;}
  .recommend_result .wrap_con li .txt .high, .recommend_result .wrap_con li .txt .low {margin-top:20px;}
  .recommend_result .section .wrap_btn {margin:30px 0 20px;}
  .recommend_result .section .wrap_btn a {width:90%;}
  .recommend_result .section .wrap_btn a:last-child {margin:8px 0 0;}

  .list_box.type2 {flex-direction: column; padding: }
  .list_box.type2 .item {margin: 80px 0 0; width: 100%;}
  .list_step.type2 .i_tit {margin-top: 12px;}
  .list_step.type2 .item + .item {margin-top: 24px}

  .enterprise_function .area_func .list_case .ic_enfunc {display: block; position: inherit; top: inherit; left: inherit; }
  .enterprise_function .area_func .case {padding-left: 0;}
  .enterprise_function .area_func .list_step li,
  .enterprise_function .area_func .case.c03 .list_step li {width: 100%}
  .enterprise_function .area_vs .wrap_tb {white-space: nowrap; overflow-x: auto;}
  .enterprise_function .tb_type1 tbody th.depth {font-size: 16px;}
  .enterprise_function .tb_type1 tbody th.depth2,
  .enterprise_function .area_vs .tb_type1 td {font-size: 14px;}
  .enterprise_function .area_vs .tb_type1 th, 
  .enterprise_function .area_vs .tb_type1 td {padding: 16px;}
  .enterprise_function .area_vs .tb_type1 .depth1,
  .enterprise_function .area_vs .tb_type1 .depth2 {padding-left: 4px}

  .security_2 .thumb.pc, br.p, .area_head.pc {display:none;}
  .security_2 .thumb.mo, br.m {display:block;}
  .security_2 .area_overview {margin-bottom:20px;}
  .security_2 .area_function {padding:70px 0 10px;}
  .security_2 .area_feature {padding:10px 0 80px;}
  .security_2 .area_cloud, .security_2 .area_advant {padding:60px 0;}
  .security_2 .area_head .desc {line-height:160%;}
  .security_2 .area_function .thumb.mo img {width:78%;}
  .security_2 .area_feature .list_func {width:90%; margin:0 auto;}
  .security_2 .area_feature .list_func .item {padding:0;}
  .security_2 .area_feature .list_func .item_cont {padding-top:0px; margin:60px 0 20px;}
  .security_2 .area_feature, .security_2 .area_feature .list_func h3 {text-align:center;}
  .security_2 .area_cloud .list_box {width:90%; margin:40px auto 0; padding:50px 0;}
  .security_2 .area_cloud .list_box li {width:70%; margin:0 0 30px; flex-direction:row;}
  .security_2 .area_cloud .list_box li:last-child {margin:0;}
  .security_2 .area_cloud .list_box li div {margin-left:30px; width:50%;} 
  .security_2 .area_cloud .list_box li h3 {text-align:left; margin-top:0;}
  .security_2 .area_cloud .list_box li:last-child h3 {margin-top:0;}
  .security_2 .area_cloud .list_box li .desc {text-align:left;}
  .security_2 .area_advant .list_box {width:90%; align-content:flex-start; margin:40px auto 0;}
  .security_2 .area_advant .list_box li {padding:30px 0 40px; margin:0 auto 20px; width:100%; flex-direction:column; align-items:center; text-align:center;}
  .security_2 .area_advant .list_box li div {margin:10px 0 0 0;}
  .security_2 .area_advant .list_box .tit {font-weight:500;}
  .security_2 .area_advant .list_box .desc {font-size:14px;}
  .security_2 .area_isms {padding-bottom:80px;}
  .security_2 .area_isms .area_thumb img {width:28%;}
  .security_2 .area_isms .area_head .desc {margin-top:30px;}
  .security_2 .area_isms .area_head .desc .bold {line-height:180%; font-size:16px; margin-top:25px; display:inline-block;}
  .security_2 .area_isms .area_head .bar {display:none;}

  .ic_security2_cd {width:60px; height:60px;}
  .ic_security2_cd.c01 {background-position:-3px -95px;}
  .ic_security2_cd.c02 {background-position:-83px -95px;}
  .ic_security2_cd.c03 {width:66px; background-position:-164px -95px;}
  .ic_security2_cd.c04 {width:66px; background-position:-255px -95px;}
  .ic_security2_cd.c05 {background-position:-343px -95px;}
  .ic_security2_cd.arrow {width:17px; height:50px; background-position:-447px -100px; margin-top:0px;}
  .ic_security2_blue {width:60px; height:60px;}
  .ic_security2_blue.b01 {background-position:-219px -5px;}
  .ic_security2_blue.b02 {background-position:-283px -5px;}
  .ic_security2_blue.b03 {background-position:-349px -5px;}
  .ic_security2_blue.b04 {background-position:-219px -72px;}
  .ic_security2_blue.b05 {background-position:-283px -72px;}
  .ic_security2_blue.b06 {background-position:-349px -72px;}

  
  .icon .br_m {display:block;}
  .icon .content {padding-top:120px;}
  .icon .wrap_intro {margin: 0 auto;}
  .icon .intro_tit {font-size:32px;}
  .icon .intro_tit .video_pc {display:none;}
  .icon .intro_tit .video_mo {width:180px; height:150px; display:block; margin:0 auto;}
  .icon .intro_video {width:100%; height:auto;}
  .icon .intro_video video {width:100%; height:auto;}
  .icon .intro_video .video_pc {display:none;}
  .icon .intro_video .video_mo.scroll {border-radius:0px;}
  .icon .intro_video .video_mo {display:block; margin:50px 0 100px;}
  .icon .wrap_main {margin:0 auto 80px;}
  .icon .wrap_main .text_guide {margin-top:0;}
  .icon .wrap_main .text_guide h2 {font-size:28px; letter-spacing:-1.8px; line-height:38px;}
  .icon .wrap_main .text_guide h2 span {font-size:20px; margin-bottom:10px;}
  .icon .wrap_main .text_guide p {font-size:16px; color:#999; margin-top:30px; line-height:26px;}
  .icon .wrap_main .area_guide {margin-top:50px; overflow: hidden}
  .icon .wrap_main .cont_guide {width:90%; height:auto; display:flex; flex-direction:column-reverse; margin: 0 16px 50px;}
  .icon .wrap_main .box_guide {width:100%; padding:40px 0 45px 30px; box-sizing:border-box; border-radius:0; border-radius:0 0 23px 23px;}
  .icon .wrap_main .box_guide .txt {font-size:16px;}
  .icon .wrap_main .box_guide h2 {letter-spacing:-1.8px; font-size:26px; margin:24px 0 18px 0; line-height:35px;}
  .icon .wrap_main .box_guide .text {letter-spacing:-1.4px; font-size:16px; color:#AAAAAA;}
  .icon .wrap_main .box_guide a.link_guide {padding:10px 20px; background-color:#E2E2E3; color:#333; font-size:14px; font-weight:400; border-radius:30px; line-height:19px; display:inline-block; cursor:pointer; margin-top:35px;}
  .icon .wrap_main .box_guide a.link_guide.on {background-color:#333; color:#fff;}
  .icon .wrap_main .box_guide a.link_guide .bt_arrow {width:14px; height:15px; background:url(../images/icon_landing/ic_arrow.svg) -62px 0px; position:relative; top:0px;}
  .icon .wrap_main .box_guide a.link_guide:hover .bt_arrow, .icon .wrap_main .box_guide a.link_guide.on .bt_arrow {background:url(../images/icon_landing/ic_arrow.svg) px 0px;}
  .icon .wrap_main .box_video {width:100%;}
  .icon .wrap_main .box_video .video_pc {display:none;}
  .icon .wrap_main .box_video .video_mo {display:block; width:100%; border-radius:23px 23px 0 0;}
  .icon .wrap_sticky {width:100%;}
  .icon .wrap_sticky .area_ment {font-size:28px;}
  .icon .wrap_sticky .area_ment h2 {line-height:48px;}
  .icon .wrap_sticky .area_ment .tt {font-size:24px;}
  .icon .wrap_sticky .area_thum {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;}
  .icon .wrap_sticky .area_thum::before {content: ""; display:block; position:absolute; top:0; left:50%; width:1920px; height:100%; margin-left:-960px; background: 
    no-repeat 1070px 590px/164px 196px url(../images/icon_landing/ico_home_1.png),
    no-repeat 690px 170px/167px 163px url(../images/icon_landing/ico_home_5.png),
    no-repeat 1040px 50px/243px 198px url(../images/icon_landing/ico_home_2.png),
    no-repeat 554px 486px/273px 273px url(../images/icon_landing/ico_home_3.png),
    no-repeat 1150px 420px/234px 235px url(../images/icon_landing/ico_home_6.png)
  }
  .icon .wrap_bt {width:100%; height:850px; background-color:#fff; display:flex; align-items:center; margin-left:0;}
  .icon .wrap_bt .area_bt {width:100%; margin:0 auto;}
  .icon .wrap_bt .area_bt h2.mo {display:block; font-size:30px; letter-spacing: -1.8px;}
  .icon .wrap_bt .area_bt h2.pc {display:none;}
  .icon .wrap_bt .area_bt .tit {font-size:28px;}
  .icon .wrap_bt .area_bt .tit p {margin:0 3px;}
  .icon .wrap_bt .area_bt .tit p:last-child {margin-right:0px;}
  .icon .wrap_bt .area_bt .cont_bt {margin-top:55px; display:flex; flex-direction:column; align-items:center;}
  .icon .wrap_bt .area_bt a span {font-size:18px; position:relative; top:0px; color:transparent; background:linear-gradient(90deg, #2963FA, #00DFED); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
  .icon .wrap_bt .area_bt a {padding:18px 32px; border-radius:40px; box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5); border:solid 4px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #648FFF, #00DFED); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 1000px 1px #fff inset; transition:all 0.5s;}
  .icon .wrap_bt .area_bt a:hover, .icon .wrap_bt .area_bt a.on {transition:all 0.5s; color:#fff; box-shadow: 0 20px 40px rgba(19, 167, 243, 0.2), 0 0 0 rgba(19, 167, 243, 0.2);}
  .icon .wrap_bt .area_bt a span:hover, .icon .wrap_bt .area_bt a span.on {transition:all 0.5s; color:#fff;}
  .icon .wrap_bt .area_bt a:last-child {margin-top:24px; margin-left:0px; padding:18px 39px;}
  .icon .wrap_banner .area_banner {width:336px; height:730px;background:url("../images/icon_landing/banner_mo.png");}
  .icon .wrap_banner .area_banner .cont_bt {top:534px; left:68px; display:flex; flex-direction:column; align-items:center;}
  .icon .wrap_banner .area_banner a {padding:14px 46px; font-size:16px; border-radius:70px; border:2px solid #fff; transition:all 0.5s; box-sizing:border-box; color:#fff;}
  .icon .wrap_banner .area_banner a:hover, .icon .wrap_banner .area_banner a.on {transition:all 0.5s; background-color:#16145A; border:2px solid #BDBDCC;}
  .icon .wrap_banner .area_banner a:last-child {padding:14px 32px; margin-left:0px; margin-top:20px;}
  .icon .ic_emoji01 {width: 52px; top: -5px; left: 8px; background-size: 90%;}
  .icon .info_event {padding: 8px 20px 8px 52px; font-size: 14px}
  .icon .info_event .line {width: 16px}
  .icon .wrap_tit {margin-top: 60px;}
  .icon .wrap_tit .desc {font-size:16px;}
  .icon .wrap_story,
  .icon .wrap_feature {padding: 0 16px}
  .icon .wrap_main .cont_guide {margin: 0 16px 50px}
  .icon h2 {font-size: 28px}
  .icon .ic_emoji02,
  .icon .ic_emoji03,
  .icon .ic_emoji04,
  .icon .ic_thanks_01,
  .icon .ic_thanks_02,
  .icon .ic_thanks_03 {background-size: 50%}
  .icon .ic_thanks_03 {width:90px}
  .icon .wrap_feature .item_tit span {height:80px}
  .icon .wrap_thanks2022 .cont {padding:  50px 0 30px}
  .icon .wrap_thanks2022 img {width:90%; text-align: center}
  .icon .wrap_feature h3 {font-size: 28px}
  .icon .wrap_feature li {font-size: 18px}
  .icon .wrap_feature .fs_gray8 {font-size: 16px}
  .icon .wrap_feature li {margin-top: 12px}
  .icon .wrap_story .wrap_thumb,
  .icon .wrap_feature .list_box,
  .icon .wrap_customer .wrap_cont {margin-top: 50px}
  .icon .wrap_main button.slick-prev,
  .icon .wrap_main button.slick-next {display:none}


  /* 아이콘 영상 2탄 */
  .icon.ver2 .wrap_event .info_event .wrap_txt {font-size:15px;}
  .icon.ver2 .wrap_func {margin:0;}
  .icon.ver2 .wrap_func .cont_text h2 span {font-size:20px; margin-bottom:10px;}
  .icon.ver2 .wrap_func .cont_text h2 {line-height:38px;}
  .icon.ver2 .wrap_func .cont_text p {font-size:16px; color:#999; margin-top:30px; line-height:26px;}
  .icon.ver2 .wrap_func .cont_feature {margin:0 auto;}
  .icon.ver2 .wrap_func .box_cont {flex-direction:column;}
  .icon.ver2 .wrap_func .box_cont:first-child {margin:180px 0 120px 0;}
  .icon.ver2 .wrap_func .box_cont .video {margin:0;}
  .icon.ver2 .wrap_func .box_cont .video video.pc {display:none;}
  .icon.ver2 .wrap_func .box_cont .video video.mo {display:inline-block; width:86%; height:190px; border-radius:20px;}
  .icon.ver2 .wrap_func .box_cont .video .bubble .question {font-size:15px; width:200px; top:-110px; left:60px; padding:12px; }
  .icon.ver2 .wrap_func .box_cont .video .bubble .question:after {bottom:-31px; border-top:18px solid #158AFE; border-left: 26px solid transparent;}
  .icon.ver2 .wrap_func .box_cont .video .bubble .anwser {background-color:#EFF1F5; font-size:15px; width:174px; top:-30px; left:140px; padding:12px; background-color:#EFF1F5; box-shadow:none;}
  .icon.ver2 .wrap_func .box_cont .video .bubble .anwser:after {left:20%; bottom:-17px; border-left:20px solid #EFF1F5; border-bottom: 18px solid transparent; border-right:30px solid transparent; border-top: 20px solid transparent;}
  .icon.ver2 .wrap_func .box_cont .text {text-align:center; padding-top:28px; margin:0; height:auto;}
  .icon.ver2 .wrap_func .box_cont .text .txt {font-size:18px;}
  .icon.ver2 .wrap_func .box_cont .text h2 {font-size:26px; text-align:center; line-height:150%; margin:10px 0 14px 0;}
  .icon.ver2 .wrap_func .box_cont:nth-child(2) {flex-direction:column; margin:240px 0 90px 0;}
  .icon.ver2 .wrap_func .box_cont:nth-child(2) .video .bubble .question {width:150px; top:-140px; left:60px; padding:14px 20px; border-radius:23px;}
  .icon.ver2 .wrap_func .box_cont:nth-child(2) .video .bubble .question:after {bottom:-31px; border-top: 18px solid #158AFE; border-left: 26px solid transparent;}
  .icon.ver2 .wrap_func .box_cont:nth-child(2) .video .bubble .anwser {background-color:#EFF1F5; font-size:15px; width:210px; top:-30px; left:120px;}
  .icon.ver2 .wrap_func .box_cont:nth-child(2) .video .bubble .anwser:after {left:20%; bottom:-17px; border-left:20px solid #EFF1F5; border-right:30px solid transparent;}
  .icon.ver2 .wrap_func .box_cont:nth-child(2) .text {text-align:center; padding:28px 0 0 0; margin:0;}
  .icon.ver2 .wrap_func .box_cont:last-child {margin-bottom:100px; padding:150px 0 0;}
  .icon.ver2 .wrap_func .box_cont:nth-child(3) .video .bubble .question {width:130px; top:-140px; left:80px;}
  .icon.ver2 .wrap_func .box_cont:nth-child(3) .video .bubble .anwser {width:170px; top:-30px;}
  .icon.ver2 .wrap_banner .cont {width:100%; flex-direction:column; padding:80px 0;}
  .icon.ver2 .wrap_banner .cont .box_text {text-align:center;}
  .icon.ver2 .wrap_banner .cont .box_text h2 {text-align:center;}
  .icon.ver2 .wrap_banner .cont .box_text span {font-size:18px; font-weight:300; margin:20px 0 34px 0;}
  .icon.ver2 .wrap_banner .cont .box_text span em {font-weight:500;}
  .icon.ver2 .wrap_banner .cont .box_text .link {padding:22px 0; width:90%; font-size:18px; margin:0 auto;}
  .icon.ver2 .wrap_banner .cont .box_img {margin-top:60px;}
  .icon.ver2 .wrap_banner .cont .box_img img {width:80%;}
  .icon.ver2 .wrap_main {margin:80px auto 0; padding:0;}
  .icon.ver2 .wrap_main .text_guide {padding:0 6%;}
  .icon.ver2 .wrap_main .text_guide .btn_general {width:80%;}


  .freemium .area_cont {padding:60px 12px}
  .freemium h1 {font-size:36px}
  .freemium h2 {font-size:32px; letter-spacing: -2px;}
  .freemium .area_head .tit_sub,
  .freemium .area_head .desc {font-size:inherit}
  .freemium .area_head .wrap_btn2 {margin-top:24px}
  .freemium .btn_round {padding:20px 50px 20px 46px; font-size:18px}
  .freemium a.btn_l_gr { padding: 16px 32px; border-radius: 40px;}
  .freemium a.btn_l_gr span {font-size:18px}
  .freemium .wrap_btn2 {flex-direction: column; gap: 8px}
  .freemium .wrap_btn2 a+a {margin-left:0}
  .freemium .area_cont.visual .desc {margin-top:12px; font-size:inherit}
  .freemium .wrap_visual span {display:none;}
  .freemium .area_cont.visual .wrap_btn2 {margin-top:32px}
  .freemium .btn_mid_lg {padding:12px 24px; border-width:4px}
  .freemium .btn_mid_lg .txt {font-size:14px}
  .freemium a.btn_l_gr:last-child {margin:0}
  .freemium .area_feature .list_box {margin-top:60px}
  .freemium .area_feature .item {flex:1 1 45%}
  .freemium .wrap_visual .v1 {margin:0 auto; padding:0; width:90%; }
  .freemium .area_cont.visual .wrap_visual {margin-top:30px}
  .freemium .area_customer .wrap_img {margin-top:20px}
  .freemium .area_cta .wrap_btn2 {margin-top:40px}
  .freemium	.area_faq .area_body {margin-top:40px;}
  .freemium	.area_faq .list_box .item {width: 100%; margin:12px 0 0;}
  .freemium	.area_faq.list_box .item img {width: 100%}

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

  .form_container .radio_group.g3 span {padding:2px 0; display:flex; margin-left:5px;}

  .section_bn .view_mo img {width: }

  .wrap_tab.type1 {flex-direction: column}
  .wrap_tab.type1 .tab_menu {margin-top: 0}
  .wrap_tab.type1 .tab_contents {padding:50px 0;}
  .wrap_tab.type1 .wrap_tit {padding-left: 0}
  .wrap_tab.type1 .wrap_tit .tit {font-size: 24px}
  .wrap_tab.type1 .thumb img {width: 100%}

  .expense .area_func .tab_contents.bg_gray_br {background: #fff}

  .tooltip span.ic_info:hover > span {
    top:36px;
    left:-175px;
    width: 210px;
  }

  .tooltip span.ic_info:hover > span i.tail_left {
    top: -16px;
    left: 175px;
    z-index: 2;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #333;
  }

  /* section Banner */
  .event_bn {padding:30px 0 50px;}
  .event_bn .link_bn_pc {display:none;}
  .event_bn .link_bn_mo {display:block;}
  .event_bn .link_bn_mo a {display:block; text-align:center; border-radius:10px;}

  .area_bn {margin:80px 0 140px;}
  .area_bn .inner.gray {border-radius:15px;}
  .area_bn .box_bn {display:flex; flex-direction:column; text-align:center; padding:25px 0;}
  .area_bn .wrap_txt.pc {display:none;}
  .area_bn .wrap_txt.mo {display:block; margin-bottom:20px;}
  .area_bn .wrap_txt .title {font-size:18px;}
  .area_bn .wrap_btn {padding:12px 30px; font-weight:500; margin:20px auto 0; line-height:160%;}

}



@media all and (max-width:1550px){	
    .grad_box  {margin: 0 7% 150px; height:660px;}
    /*.brandstory .left_tit {max-width: 1040px;}*/
}


@media all and (max-width:1280px){	
	.features_v2 .area_tab.sticky {position: relative; top: inherit;}

    .grad_box{ height: 570px;}
    /*.brandstory .left_tit {max-width: 1040px;}*/
    .grad_t_box{width: 70%;}
}


@media all and (max-width: 1079px)
{
	.tab_default{margin: 0 auto 0 48px;}
	.con_main_bg{padding:8% 0 18%;}
	.wrap_card {margin:32px auto 150px 48px;}
  .benefit .wrap_card {margin:0 auto;}

	.wrap_btn_visual{margin: 0 auto 150px 48px}
	.wrap_btn_visual .btn_visual_box {width: 44%; height: 164px;}
	.wrap_btn_visual .tit_box{padding:34px}
	.wrap_btn_visual .tit_box .tit{font-size: 22px;}
	.wrap_btn_visual .tit_box .txt{width: 200px; font-size: 16px;}
	.wrap_btn_visual .btn_bg{top:24px; right:40px; width:30%;}
}

@media all and (min-width:960px) {
	.navbar.sticky {position: fixed; top: 100px; left: 50%; width: 1280px; padding: 12px 10px; margin-top: 0; margin-left: -640px; border-radius: 20px; background: linear-gradient(150deg, #7cfef9 0%, #59d7d2 16%, #5064f5 69%, #151e42 97%); z-index:20; 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; opacity: 0.5;}
	.navbar.sticky a.item .item_text {margin-top: 0}
	.navbar.sticky a.active {background: transparent; opacity: 1}
	.navbar.sticky a.active .item_text  {color:#fff; 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:#fff; font-size: 16px;}
	.navbar.sticky a:hover {background: transparent; text-shadow :2px 5px 12px rgba(0, 0, 0, 0.20); box-shadow: none; opacity: 0.8;}
	.navbar.sticky:after {content: ''; clear: both;}
	.navbar2 .wrap_navbar {display: flex; max-width: 1060px; margin: 80px auto 0px;}
	.navbar2 .wrap_select:before {top:25%; transition: all .2s cubic-bezier(0.5,0.8,0.6,0.88);}
	.navbar2 a.active:hover {color:#fff;}
	.navbar2.sticky {padding: 12px 10px}
	.navbar2.sticky .wrap_navbar {margin-top: 0; max-width: 1100px;}
	.navbar2.sticky .wrap_select {width: 250px; margin-top: 6px;}
	.navbar2.sticky .wrap_select:before {top:15%; border-color: #fff}
	.navbar2.sticky .wrap_select .select {padding-bottom: 6px; width:250px; font-size: 24px; background: transparent; border-color:#fff; color:#fff;}
	.navbar2.sticky .wrap_select .select option {background: #f5f6fe; color: #333; font-size: 20px}
	.navbar2.sticky .anchors {margin: 0 0 0 50px;}
	.navbar2.sticky .anchors a {margin: 0 16px; padding: 12px 5px 5px; height: 50px;}
	.navbar2.sticky .anchors a.active {color:#fff; font-weight: 500; font-size: 18px; }

	.features .navbar.sticky .item {width:auto; height: 50px; padding:16px 0 0;}
	.features .navbar.sticky .item .bedge {display:none}

  .price_ver2 .card {padding: 40px 40px;}
	.price .tb_membership thead .membership.m1 {border-radius:16px 0px 0px 0px; }
	.price .tb_membership thead .membership.m4 {border-radius:0px 16px 0px 0px; }

	.customer .navbar2.sticky .wrap_select {margin-top: 4px;}
	.customer .navbar2.sticky .wrap_select:before {top: 29%}
	.customer .navbar2.sticky .wrap_select .select {font-size: 18px;

	.works .list_btn_thumb .btn_thumb:nth-child(2),
	.works .list_btn_thumb .btn_thumb:nth-child(3) {background: #f5f7f9}


  .oneteam .list_character .item:nth-child(3) .thumb {height:390px}

  .landing_untact .area_visual h1 {font-size: 46px;}
  .landing_untact .area_visual h2 {font-size: 32px;}


  .benefit .area_govt .b3 .box .col .meta > li {margin-left:36px}
  .benefit .area_govt .b3 .box .col .meta dt {font-size:14px; line-height: 24px;}
  .benefit .area_govt .b3 .box:nth-child(2) .btn_wrap {margin-top: 110px}
}

@media all and (max-width:768px) {
  br.m {display:block;}
  .cont_last {padding: 80px 0 50px; height:30vh; justify-content: start;}
  .cont_last .title {font-size: 24px; line-height: 170%; letter-spacing: -2.5px;}
  .cont_last .title .ic_twinklepc {display: none;}
  .cont_last .title .ic_twinklemo {background: url("../images/main_new/ic_twinkle.svg") no-repeat -44px 0; width: 24px; height: 24px; display: inline-block;}
  .cont_last .btn_wrap {gap: 12px;}
  .cont_last .btn_wrap a {font-size: 15px; padding: 18px 20px; border-radius: 50px;}
  .cont_last .btn_wrap a:nth-child(1) {padding-left: 15px;}
  .cont_last .btn_wrap a:nth-child(1) .ic_freemo {background: url("../images/main_new/ic_cta.svg") no-repeat -75px 0; width: 19px; height: 17px; position: relative; top: -1px; display: inline-block;}
  .cont_last .btn_wrap a:nth-child(2) .ic_downmo {display: none;}
  .cont_last .btn_wrap a:nth-child(1) .ic_freepc {display: none;}
  .cont_last .btn_wrap a:nth-child(2) .ic_downpc {display: none;}
  .cont_last .background_items {display:none;}


@media all and (max-width:414px) {
  .metaverse .content {padding-top:64px;}
  .metaverse .content_head {padding:0;}
  .metaverse .wrap_tit .bg_main_mo {display:block; width:100%; margin:0 auto;}
  .metaverse .wrap_tit .bg_main_pc {display:none;}
  .metaverse .text_box {position:absolute; top:21%; left:0; margin:0 20px;}
  .metaverse .text_box h1 {font-size:40px;}
  .metaverse .text_box .btn_general {width:60%;}
  .metaverse .introduce .contents_lounge_mo, .sales_lounge_mo {display:none;}
  .metaverse .introduce .contents_lounge_pc, .sales_lounge_pc {display:block; z-index:-2;}
  .metaverse .introduce .rectangle_con {height:190px; position:absolute; top:370px; right:-70px;}
  .metaverse .introduce .rectangle_sales {height:180px; position:absolute; top:450px; left:-50px;}
  .metaverse .introduce .item {margin-bottom:10px;}

  .list_bn_thumb .bn_thumb {border-radius:10px; height:17%; margin:0 0 22px 0;}
  .list_bn_thumb .bn_thumb .thumb {display:none;}
  .list_bn_thumb .bn_thumb .tit_box {padding:30px 0 35px 35px;}
  .list_bn_thumb .bn_thumb .tit_box .txt {font-size:18px; margin-top:13px; width:100%;}

  .icon .wrap_sticky .area_thum::before { background:
    no-repeat 1040px 606px/75px 90px url(../images/icon_landing/ic_home_1_mo.png),
    no-repeat 800px 250px/62px 60px url(../images/icon_landing/ic_home_2_mo.png),
    no-repeat 1000px 110px/103px 84px url(../images/icon_landing/ic_home_3_mo.png),
    no-repeat 804px 496px/156px 176px url(../images/icon_landing/ic_home_4_mo.png),
    no-repeat 1080px 530px/89px 90px url(../images/icon_landing/ic_home_5_mo.png)

  }
}

@media all and (max-width:320px){ 
.btn_major, .btn_minor, .btn_general, .btn_ghost {min-width: inherit; width: 100%; padding: 0}
.payslip .area_revised .item p {font-size: 16px}
.brandstory .grad_box .brand_mo {bottom: -20%; left: -12%; width: 180%;}
.brandstory .grad_box .wrap_tit {padding: 50px;}

/*
.online .bg_img_card .layout_card .play_img {top: 44%;}
.contents_document .bg_img_card .layout_card .play_img {top: 44%;}
*/
.accounting .wrap_tb {width: 100%; overflow-x: auto;}
.accounting .wrap_tb .tb_type1 {width: 320px;}
.govt .wrap_news .list_news li {width: 100%;}

}