@charset "UTF-8";

button {background:none}
br.m {display:none;}

/* MAIN */
.main .area_visual {padding:85px 0 0; margin:0 auto;}
.main .area_visual .inner {text-align:center; max-width:2000px;}
.main .area_visual .title_wrap {color:#111; margin-bottom:58px;}
.main .area_visual .title_wrap .sub {font-size:58px; font-weight:300; margin-bottom:2px; letter-spacing:-5px;}
.main .area_visual .title_wrap h2 {font-size:76px; font-weight:600; letter-spacing:-5px;}
.main .area_visual .visual_wrap video {margin-top:30px; max-width:1440px; width:100%; height:auto;}
.main .area_visual .visual_wrap video::-webkit-media-controls {display:none !important;}
.main .area_customer {display:flex; flex-direction:column; justify-content:center; align-items:center; padding:80px 0 60px;}
.main .area_customer .marquee_container {overflow:hidden; width:100%; position:relative; height:104px;}
.main .area_customer .marquee_container .marquee_inner {width:200%; display:flex; position:absolute; top:0; animation:50s linear infinite; gap:40px;}
.main .area_customer .marquee_container .marquee_inner {animation-name:marqueeToLeft; left:0;}
.main .area_customer .marquee_container .marquee_inner .wrap {display:flex; gap:57px;}

@keyframes marqueeToLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

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

.main .area_overview {padding:80px 0; margin:0 auto; }
.main .area_overview .inner {max-width:1200px;}
.main .area_overview .cont_wrap {transition:all .4s; margin-top:30px;}
.main .area_overview .cont_wrap .box_wrap {display:flex; justify-content:space-between; border-radius:32px; background-color:#fff; border:1px solid #DEDEE2;} 
.main .area_overview .cont_wrap .box_cont {padding:50px 0 0 54px;}
.main .area_overview .cont_wrap .box_cont .title {margin-top:8px; text-align:left;}
.main .area_overview .cont_wrap .box_cont .title h4 {font-size:28px; margin-bottom:8px; font-weight:500; line-height:140%; letter-spacing:-3px;}
.main .area_overview .cont_wrap .box_cont .cont {display:flex; flex-direction:column; gap:34px; margin-top:50px; padding:0;}
.main .area_overview .cont_wrap .box_cont .cont li .listbox {text-align:left;}
.main .area_overview .cont_wrap .box_cont .cont li .listbox .titlebox {display:flex;}
.main .area_overview .cont_wrap .box_cont .cont li .listbox .ic_main {display:inline-block;}
.main .area_overview .cont_wrap .box_cont .cont li .tit {font-size:18px; color:#333; margin-left:6px; font-weight:500;}
.main .area_overview .cont_wrap .box_cont .cont li .des {font-size:16px; color:#888; margin-top:6px; font-weight:400;}
.main .area_overview .cont_wrap .ic_main_black {width:24px; height:24px; background:url(../images/main_new/2025/ic_main_black.svg); display:inline-block;}
.main .area_overview .cont_wrap .ic_main_black.feature {background-position: -3px 0px;}
.main .area_overview .cont_wrap .ic_main_black.accounting {background-position: 64px 0px;}
.main .area_overview .cont_wrap .ic_main_black.management {background-position: -77px -1px;}
.main .area_overview .cont_wrap .ic_main_black.asset {background-position: -3px -40px;}
.main .area_overview .cont_wrap .ic_main_black.sale {background-position: -40px -40px;}
.main .area_overview .cont_wrap .ic_main_black.benefit {background-position: -78px -40px;}
.main .area_overview .cont_wrap .ic_main_black.job {background-position: -3px -77px;}
.main .area_overview .cont_wrap .ic_main_black.employment {background-position: -40px -77px;}
.main .area_overview .cont_wrap .ic_main_black.duty {background-position: -77px -77px;}
.main .area_overview .cont_wrap .ic_main_black.step {background-position: -2px -115px;}
.main .area_overview .cont_wrap .ic_main_black.setting {background-position: -40px -115px;}
.main .area_overview .cont_wrap .ic_main_black.detail {background-position: -79px -112px;}
.main .area_overview .cont_wrap .ic_main_white {width:24px; height:24px; background:url(../images/main_new/2025/ic_main_white.svg); display:inline-block;}
.main .area_overview .cont_wrap .ic_main_white.work {background-position:0 0;}
.main .area_overview .tab_contents > div {display:none;}
.main .area_overview .tab_contents div.active {display:block;}
.main .area_overview .btn_wrap .btn_general_sub .link_arrow {width:24px; height:24px; background: url(../images/ic_main.svg) -274px -14px; display: inline-block; margin-left: 6px;}
.main .area_overview .link_normal {width:14px; height:24px; background: url(../images/ic_main.svg) -222px -58px; display: inline-block; margin-left: 6px; top:1px; position:relative;}

.main .area_detail {padding:40px 0 80px; margin:0 auto;}
.main .area_detail .inner {max-width:1200px;}
.main .area_detail .box_cont .box_line {display:grid; grid-template-columns:repeat(3,1fr); width:100%; gap:24px; margin-top:24px;}
.main .area_detail .box_cont .box_line .box {width:384px; box-sizing:border-box; cursor:pointer; background-color:#F5F6F8; border-radius:32px; border:2px solid transparent; transition:0.5s all;}
.main .area_detail .box_cont .box_line .box .hover {display:none;}
.main .area_detail .box_cont .box_line .box .title p {font-size: 24px;}
.main .area_detail .box_cont .box_line .box .normal {margin:32px 0 0; display:flex; flex-direction:column; gap:30px;}
.main .area_detail .box_cont .box_line .box .normal .txt {margin:0 40px;}
.main .area_detail .box_cont .box_line .box .normal .img {text-align:center;}
.main .area_detail .box_cont .box_line .box:hover .normal {display:none;}
.main .area_detail .box_cont .box_line .box:hover .title p {color:#7CF5FF;}
.main .area_detail .box_cont .box_line .box:hover {width:384px; background:linear-gradient(#222, #222) padding-box, linear-gradient(180.84deg, #7CF5FF 5.27%, #5DA9FF 91.1%, #FDE1FC 113.04%) border-box; border: 2px solid transparent; box-sizing:border-box; box-shadow: 0px 0px 12px 0px #2222234D;}
.main .area_detail .box_cont .box_line .box:hover .hover {margin:32px 40px 0; display:flex; flex-direction:column;}
.main .area_detail .box_cont .box_line .box:hover .hover a {padding:8px 0; width:100px; text-align:center; background:linear-gradient(#222, #222) padding-box, linear-gradient(180.84deg, #7CF5FF 5.27%, #5DA9FF 91.1%, #FDE1FC 113.04%) border-box;  border: 2px solid transparent; box-sizing:border-box; display:inline-block; border-radius:25px; color:#5FAEFF; margin-top:80px;}
.main .area_detail .box_cont .box_line .box:hover a .link {font-size:18px; color:#5FAEFF;}
.main .area_detail .box_cont .box_line .box:hover .hover .desc {margin-top:12px; line-height:180%; color:#fff;}
.main .area_detail .box_cont .box_line .box:hover .hover .tit {color:#4EE4FF;}
.main .area_detail .box_cont .box_line .tit {font-size:20px; font-weight:500; color:#333; display:flex;}
.main .area_detail .box_cont .box_line .desc {font-size:18px; color:#888; margin-top:12px;}
.main .area_detail .box_cont .box_line a {width:384px; box-sizing:border-box; cursor:pointer; background-color:#F5F6F8; border-radius:32px; border:2px solid transparent;}
.main .area_detail .box_cont .box_line a:hover {background-color:#edeff1;}
.main .area_detail .box_cont .box_line a .txt {margin:32px 40px 0;}
.main .area_detail .box_cont .box_line a .img {display:flex; justify-content:flex-end; margin:40px 20px 0 0;}
.main .area_detail .cont_wrap .link_gr {width:9px; height:13px; background:url(../images/ic_main.svg) -204px -69px; display:inline-block; margin-left:6px; position:relative; top:1px;}

.main .area_scale {padding:80px 0 140px; margin:0 auto; background-color:#FAFAFC;}
.main .area_scale .inner {max-width:1200px; display:flex; justify-content:space-between; flex-direction:column;}
.main .area_scale .title_wrap .desc {font-size:18px; color:#888; margin-top:16px; text-align:left;}
.main .area_scale .cont_wrap .box_cont {display:flex; gap:24px; grid-template-columns:repeat(3,1fr);}
.main .area_scale .cont_wrap .box_cont .box {border: 2px solid transparent; width:486px; display:flex; border-radius: 20px; background-color: #fff; background-color:#fff; padding:40px 45px; flex-direction:column; box-shadow: 0px 2px 13px 0px #6055A214;}
/*.main .area_scale .cont_wrap .box_cont .box:hover {background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #02B6D7 0%, #9F1AFF 100%) border-box; border: 2px solid transparent;}*/
.main .area_scale .cont_wrap .box_cont .box_list {display:inline-block;}
.main .area_scale .cont_wrap .box_cont .box_list .tag {padding:3px 10px; border-radius:10px; font-size:16px; background-color:#E1FBFF; color:#00C3E0;}
.main .area_scale .cont_wrap .box_cont .box_list .title {font-size:24px; color:#333; font-weight:500; line-height:140%; margin:16px 0;}
.main .area_scale .cont_wrap .box_cont .box_list .link {font-size:18px; color:#888;}
.main .area_scale .cont_wrap .box_cont .box_list .link img {position:relative; top:3px;}
.main .area_scale .cont_wrap .box_cont .box_thumb {text-align:right;}
.main .area_scale .cont_wrap .box_cont .box_thumb .ic_scale {width:104px; height:104px; background:url(../images/ic_main.svg); display:inline-block;}
.main .area_scale .cont_wrap .box_cont .box_thumb .ic_scale.free {background-position:-12px -395px;}
.main .area_scale .cont_wrap .box_cont .box_thumb .ic_scale.share {background-position:-139px -395px;}
.main .area_scale .cont_wrap .box_cont .box_thumb .ic_scale.single {background-position:-265px -395px;}

.main .area_review {padding:100px 0; background-color:#F1F2F4; overflow:hidden;}
.main .area_review .inner {max-width:1200px;}
.main .area_review .title_wrap {margin-bottom:80px;}
.main .area_review .default li {border-radius:32px;}
.main .area_review .marquee_container {width:100%; position:relative; height:330px;}
.main .area_review .marquee_container .marquee_inner {display:flex; flex-direction:row; gap:24px; position:absolute; top:0; animation:25s linear infinite; animation-name:marqueeToLeft; left:-480px;}
.main .area_review .marquee_container .wrap {display:flex; flex-direction:row; box-sizing:border-box; cursor:pointer; box-shadow: 0px 4px 20px 0px #D3DCEC; border-radius:32px; transition:0.5s all;}
/* .main .area_review .marquee_container .wrap .default {display:block;} */
.main .area_review .marquee_container .wrap .title p {font-size: 24px;}

/* default */
.main .area_review .marquee_container .wrap.customer_story_card a {position: relative; display: flex; flex-direction: column; width: 480px; height: 310px; border-radius: 32px; overflow: hidden; }
.main .area_review .marquee_container .wrap.customer_story_card  a > div { width:480px; height:310px; border-radius: 32px;}
.main .area_review .marquee_container .wrap.customer_story_card .img { flex-direction:column; gap:30px; flex: 1 1 auto; transition: opacity 0.3s ease; }
.main .area_review .marquee_container .wrap.customer_story_card a:hover > .img { opacity: 0; max-height: 0; }

/* hover */
.main .area_review .marquee_container .wrap.customer_story_card .area { padding:44px;  background-color:#fff; box-sizing: border-box; flex: 1 1 auto; opacity: 0; visibility: hidden; max-height: 0; transition: opacity 0.3s ease, max-height 0.3s ease, visibility 0.3s ease; }
.main .area_review .marquee_container .wrap.customer_story_card a:hover > .area { opacity: 1; visibility: visible; max-height: 310px;}

/* area contents */
.main .area_review .marquee_container .wrap.customer_story_card .area .wrap_avata {display:flex; gap:16px;}
.main .area_review .marquee_container .wrap.customer_story_card .area .wrap_avata .title {font-size:24px; color:#333; line-height:150%; font-weight:500;}
.main .area_review .marquee_container .wrap.customer_story_card .area .desc {font-size:20px; margin-top:16px; color:#6B6B6B; line-height:160%;}
.main .area_review .marquee_container .wrap.customer_story_card .area .btn_wrap_link {justify-content:left; margin:44px 0 0;}

.main .area_review .marquee_container .wrap.customer_story_card .area .ic_avata {width:64px; height:64px; display:inline-block; background: url(../images/ic_main.svg) 0 0;}
.main .area_review .marquee_container .wrap.customer_story_card .area .ic_avata.n01 {background-position: -13px -297px;}
.main .area_review .marquee_container .wrap.customer_story_card .area .ic_avata.n02 {background-position: -89px -297px;}
.main .area_review .marquee_container .wrap.customer_story_card .area .ic_avata.n03 {background-position: -165px -297px;}
.main .area_review .marquee_container .wrap.customer_story_card .area .ic_avata.n04 {background-position: -241px -297px;}
.main .area_review .marquee_container .wrap.customer_story_card .area .ic_avata.n05 {background-position: -318px -297px;}
.main .area_review .marquee_container .wrap.customer_story_card .area .ic_avata.n06 {background-position: -393px -297px;}
.main .area_review .marquee_container .wrap.customer_story_card .area .ic_avata.n07 {background-position: -469px -297px;}
.main .area_review .marquee_container .wrap.customer_story_card .area .ic_avata.n08 {background-position: -545px -297px;}


@keyframes marqueeToLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

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

.main .area_price {padding:80px 0 140px; margin:0 auto; background:linear-gradient(to top, #DBF8FF, #FFF);}
.main .area_price .inner {max-width:1200px;}
.main .area_price .title_wrap .btn_wrap_link {display:flex; justify-content:flex-end;}
.main .area_price .cont_wrap .info {text-align:left; font-size:16px; color:#868686;}
.main .area_price .cont_wrap .box_cont {display:flex; gap:24px; flex-direction:row; margin-bottom:20px;}
.main .area_price .cont_wrap .box_cont .box {display:flex; width:384px; flex-direction:column; box-sizing:border-box;}
.main .area_price .cont_wrap .box_cont .box .box_main {padding:40px 40px 0; background-color:#fff; border-radius:24px; border: 2px solid #fff; transition: 0.5s all; box-shadow: 0px 0px 10px 0px #00000026;}
.main .area_price .cont_wrap .box_cont .box .box_main .tit {font-size:24px; font-weight:500; margin-bottom:8px; color:#333;}
.main .area_price .cont_wrap .box_cont .box .box_main .desc {font-size:16px; color:#6B6B6B;}
.main .area_price .cont_wrap .box_cont .box .box_main .box_txt {border-bottom:1px solid #F0F0F0; padding-bottom:16px;}
.main .area_price .cont_wrap .box_cont .box .box_main .box_num {color:#333; margin-top:24px;}
.main .area_price .cont_wrap .box_cont .box .box_main .box_num .num {font-size:42px; font-weight:500; margin-right:2px;}
.main .area_price .cont_wrap .box_cont .box .box_main .box_num .unit {font-size:36px; position:relative; top:-2px;}
.main .area_price .cont_wrap .box_cont .box .box_main .box_num .mini {font-size:16px; margin-left:12px;}
.main .area_price .cont_wrap .box_cont .box .box_main .price {font-size:20px; color:#2F2F2F;}  
.main .area_price .cont_wrap .box_cont .box .box_desc {margin:32px 0 100px; gap:12px;  display:flex; flex-direction:column;}
.main .area_price .cont_wrap .box_cont .box:last-child .box_desc {margin:32px 0 48px;}
.main .area_price .cont_wrap .box_cont .box .box_desc div {display:flex; gap:8px;}
.main .area_price .cont_wrap .box_cont .box .box_desc div .tag {color:#939697; display:inline-block; font-size:15px; padding:0px 8px; border-radius:6px; border:1.5px solid #939697;}
.main .area_price .cont_wrap .box_cont .box:last-child .box_desc div:last-child .tag {height:23px;}
.main .area_price .cont_wrap .box_cont .box .box_desc div .desc {color:#00A4CD;;}
.main .area_price .cont_wrap .box_cont .box:hover .box_main .tit,
.main .area_price .cont_wrap .box_cont .box.active .box_main .tit {color:#00BEEE;}
.main .area_price .cont_wrap .box_cont .box:hover .box_main,
.main .area_price .cont_wrap .box_cont .box.active .box_main {cursor: pointer; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #02B6D7 0%, #9F1AFF 100%) border-box; border: 2px solid transparent;}
.main .area_price .cont_wrap .star {color:#00BEEE;}

/* 6.푸터 스타일 */
.main .content_foot { padding: 140px 0;margin: 0 auto; text-align: center; width: 100%; background:
    url("https://daouoffice.com/images/main_new/2025/function/img_footer_pc_01.png") no-repeat bottom center/cover,
    linear-gradient(to bottom right, #9ADFF8, #A8DEFF, #E8F5FF);
  /* 텍스트 색은 불투명하게 */
  color: #fff;
}
.main .content_foot h2 {font-size: 48px; font-weight: 600; line-height: 140%; color: #333;}
.main .content_foot span.sub {font-size: 48px; font-weight: 300; line-height: 140%; color: #333;}


.main .btn_round_sub {display:inline-block; border-radius:35px; background-color:#F4F7F9; color:#555; font-size:20px; font-weight:500; width:80%; height:54px; text-align:center; line-height:250%;}
.main .btn_round_sub:hover,
.main .btn_round_sub.active,
.main .box.active .btn_round_sub.active {color:#fff; background-color:#333;}
.main .btn_general_sub {background-color:#262626; padding:16px 30px; border-radius:35px; color:#fff; font-size:20px;}
.main .btn_general_sub:hover {background-color:#2e2e2e;}
.main .btn_link {font-size:18px; color:#888;}
.main .btn_link img {position:relative; top:4px;}

.main .title_wrap .tab_default .tablink {font-size:18px; color:#9C9FA3; font-weight:600; padding:12px; letter-spacing:-1px;}
.main .title_wrap .tab_default .tablink:hover,
.main .title_wrap .tab_default .tablink.active {color:#333; border-bottom:3px solid #333;}
.main .title_wrap {margin-bottom:44px;}
.main .title_wrap .title {font-weight:400; margin-bottom:32px;}
.main .title_wrap .title .sub {font-size:24px; color:#00C3E0; margin-bottom:12px;}
.main .title_wrap .title h4 {font-size:48px; font-weight:500; color:#333; line-height:140%; letter-spacing:-4px;}

.box_line a .dada {width:200px; height:200px; display:inline-block; text-align:right;}
.box_cont a:hover {color:#888;}

.ic_arrowicon {width:28px; height:28px; background: url(../images/ic_main.svg) -205px -11px; margin-left:5px; display: inline-block; top:-3px; position:relative;}
.ic_main,
.ic_main_mint {width:28px; height:28px; background:url(../images/ic_main.svg); display:inline-block; top:0px; position:relative; margin-right:8px;}
.ic_main_mint.mail {background-position:-13px -61px;}
.ic_main_mint.payment {background-position:-53px -58px;}
.ic_main_mint.works {background-position:-91px -60px;}
.ic_main_mint.ai {background-position:-130px -60px;}
.ic_main_mint.messenger {background-position:-167px -60px;}
.ic_main_mint.human {background-position:-15px -147px;}
.ic_main_mint.expense {background-position:-53px -147px;}
.ic_main_mint.attendance {background-position:-91px -147px;}
.ic_main_mint.education {background-position:-129px -147px;}
.ic_main_mint.contract {background-position:-166px -147px;}
.ic_main_mint.card {background-position:-14px -223px;}
.ic_main_mint.receipt {background-position:-53px -223px;}
.ic_main_mint.vehicle {background-position:-90px -223px;}
.ic_main_mint.sales {background-position:-127px -223px;}
.ic_main_mint.tax {background-position:-165px -223px;}
.ic_main.mail {background-position:-13px -12px;}
.ic_main.payment {background-position:-53px -12px;}
.ic_main.works {background-position:-91px -12px;}
.ic_main.ai {background-position:-130px -12px;}
.ic_main.messenger {background-position:-167px -12px;}
.ic_main.human {background-position:-15px -109px;}
.ic_main.expense {background-position:-53px -109px;}
.ic_main.attendance {background-position:-91px -109px;}
.ic_main.education {background-position:-129px -109px;}
.ic_main.contract {background-position:-166px -109px;}
.ic_main.card {background-position:-14px -185px;}
.ic_main.receipt {background-position:-53px -185px;}
.ic_main.vehicle {background-position:-90px -185px;}
.ic_main.sales {background-position:-127px -185px;}
.ic_main.tax {background-position:-165px -185px;}


/* 중간배너 */
.area_bn {margin:80px 0 0;}
.area_bn .inner {max-width:auto;}
.area_bn .link_bn_pc {display: block; text-align: center;}
.area_bn .link_bn_pc img {width: 100%; max-width: 1480px; border-radius:10px;}
.area_bn .link_bn_mo {display:none;}



 @media (max-width:1219px) {
  /* .main .area_overview .cont_wrap .box_wrap {justify-content: flex-end; flex-direction: column;} */
  .main .area_overview .cont_wrap .box_cont {padding:40px; min-width: 300px;}
  .main .area_overview .cont_wrap .box_cont .cont {flex-direction:row; flex-wrap: wrap; gap: 24px 10%;}
  .main .area_overview .cont_wrap .box_thumb img {width:100%;}
  /* .main .area_detail .box_cont .box_line {display:flex; flex-direction:column;}
  .main .area_detail .box_cont .box_line a,
  .main .area_detail .box_cont .box_line .box {width: 100%;}
  .main .area_detail .box_cont .box_line .box .normal .img {text-align:right;}
  /* .main .area_scale .cont_wrap .box_cont {display:flex; flex-direction:column;} */
  /* .main .area_scale .cont_wrap .box_cont .box {width:auto;}
  .main .area_price .cont_wrap .box_cont {display:flex; flex-direction:column;}
  .main .area_price .cont_wrap .box_cont .box {width:100%;} */
 } 

 @media (max-width:960px) {
  .main .area_overview .cont_wrap .box_wrap {justify-content: flex-end; flex-direction: column;}
  .main .area_overview .cont_wrap .box_cont {padding:40px;}
  .main .area_overview .cont_wrap .box_cont .cont {flex-direction:row; flex-wrap: wrap; gap: 24px 10%;}
  .main .area_overview .cont_wrap .box_thumb img {width:100%;}
  .main .area_customer .marquee_container .marquee_inner {animation:10s linear infinite;}
  .main .area_detail .box_cont .box_line {display:flex; flex-direction:column;}
  .main .area_detail .box_cont .box_line a,
  .main .area_detail .box_cont .box_line .box {width: 100%;}
  .main .area_detail .box_cont .box_line .box .normal .img {text-align:right;}
  .main .area_scale .cont_wrap .box_cont {display:flex; flex-direction:column;}
  .main .area_scale .cont_wrap .box_cont .box {width:auto;}
  .main .area_price .cont_wrap .box_cont {display:flex; flex-direction:column;}
  .main .area_price .cont_wrap .box_cont .box {width:100%;}

}

	/* ipad mini */	
  @media screen and (max-width: 768px) {	
    body {
      background-size: inherit;
      background-position: top right;
    }

  h2 {line-height:140%;}
  br.m {display:block;}
  em:not(.n) {display: block;}	
  .none {display: none;}	
  .body_container {position: relative;}	
  .body_container .top_popup.pc {display: none;}	
  .body_container .top_popup.m {display: flex;}	
  .body_container .mfloat_menu.on {display: flex;}	

  .main .title_wrap .title {margin:0;}
  .main .title_wrap .title .sub {font-size:18px; text-align:center;}
  .main .title_wrap .title h4 {font-size:28px; text-align:center;}
  .main .title_wrap .tab_default {text-align: center; margin-top:20px;}
  .main .area_visual .visual_wrap video {width:100%; height:100%;}
  .main .btn_general_sub {width:60%;}
  .main .area_visual .title_wrap .sub {font-size:26px; letter-spacing:-1.5px;}
  .main .area_visual .title_wrap h2 {font-size:36px; letter-spacing:-1.5px;}
  .main .area_overview {padding:0 0 20px;}
  .main .area_overview .cont_wrap .box_cont .cont {margin:50px 0 30px; padding:0 40px;}
  .main .area_overview .cont_wrap .tablink {justify-content:space-between; flex-direction:column;}
  .main .area_overview .cont_wrap .box_thumb img {width:100%;}
  .main .area_overview .cont_wrap .box_cont {padding:30px 0 0;}
  .main .area_overview .box_cont a {text-align:center;}
  .main .area_overview .cont_wrap .box_cont .title {text-align:center;}
  .main .area_overview .cont_wrap .box_wrap {display:flex; flex-direction:column;}
  .main .area_detail {padding:60px 0;}
  .main .area_detail .box_cont .box_line {display:flex; flex-direction:column; align-items:center;}
  .main .area_detail .box_cont .box_line a,
  .main .area_detail .box_cont .box_line .box {width:100%;}
  .main .area_detail .box_cont .box_line .box:hover {width:100%; background-color:#f5f6f8;}
  .main .area_detail .box_cont .box_line .box .normal .img img {width:100%;}
  .main .area_scale {padding:80px 0;}
  .main .area_scale .cont_wrap .box_cont {flex-direction:column;}
  .main .area_scale .cont_wrap .box_cont .box {width:100%; padding:0; flex-direction:row; justify-content:space-between;}
  .main .area_scale .cont_wrap .box_cont .box_list {padding:24px;}
  .main .area_scale .cont_wrap .box_cont .box_list .title {font-size:16px;}
  .main .area_scale .cont_wrap .box_cont .box_thumb .ic_scale {width:80px; height:80px;}
  .main .area_scale .cont_wrap .box_cont .box_thumb {margin-right:24px; display:flex; align-items:center;}
  .main .area_scale .title_wrap .desc {text-align:center;}
  .main .area_review {padding:40px 0;}
  .main .area_review .inner {padding:0;}
  .main .area_price p.desc {text-align:left;}
  .main .area_price {padding:60px 0;}
  .main .area_price .title_wrap .btn_wrap_link {justify-content:center;}
  .main .area_price .cont_wrap .box_cont {flex-direction:column;}
  .main .area_price .cont_wrap .box_cont .box {width:100%;}

  @keyframes upAnimation {
    0% {
      transform: translateY(200vh);
    }
    100% {
      transform: translateY(-10vh);
    }
  }


   /* 푸터 스타일 */
  .main .content_foot { padding: 50px 0;margin: 0 auto; text-align: center; width: 100%; background:
    url("https://daouoffice.com/images/main_new/2025/function/img_footer_mo_01.png") no-repeat bottom center/cover,
    linear-gradient(to bottom right, #9ADFF8, #A8DEFF, #E8F5FF);
    /* 텍스트 색은 불투명하게 */ color: #fff;}
  .main .content_foot span.sub {font-size:24px; font-weight:300; line-height:140%; color: #333;}
  .main .content_foot h2 {font-size:28px; font-weight:600; line-height:140%; color: #333;}
  .main .btn_wrap {padding:0 6%;}
  .main .btn_link {margin-top:12px;}
}


@media screen and (max-width: 425px) {
  br.m {display:block;}
}

@media screen and (max-width: 375px) {
  br.m {display:block;}
}


/* galaxy fold */
@media all and (max-width:280px){
  br.m {display:block;}
  .link_bn_mo img {width:100%;}
}

 @media (max-width:960px) {
  .main .area_detail .hover {display:none;}
  .main .area_detail .box_cont .box_line .box {transition:none;}
  .main .area_detail .box_cont .box_line .box:hover {background:#f5f6f8 !important; box-shadow:none; width:100%;} 
  .main .area_detail .box_cont .box_line .box .hover {display:none !important;} 
  .main .area_detail .box_cont .box_line .box:hover .normal {display: flex !important;} 

}


/* 완전한 터치 디바이스 환경 */
@media (hover: none) and (pointer: coarse) {
  .header .btn_wrap {
      display: none !important;
    }
    #chatbot-widget-message-bubbles-container {
      display: none !important;
    }
}