@charset "UTF-8";
/* browser reset */
* { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; } 
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
body { word-wrap: break-word; word-break: keep-all; -webkit-text-size-adjust: none; } 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } 
ul,li,ol,dl,dt,dd { list-style:none; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; } 
table { border-collapse: collapse; border-spacing: 0; } 
img, video { vertical-align: top; border:0; } 
button { background: none; outline: none; border: none; cursor: pointer; background-color: transparent; border-radius: 0px; } 
label { cursor: pointer; vertical-align: middle; } 
input, select, textarea, button { font: inherit; color: inherit; vertical-align: middle; -webkit-border-radius:0; } /* -webkit-appearance:none; */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #f6f8f9 inset !important; } 
textarea { resize: none; } 
div, article { box-sizing:border-box; } 
a, a:hover, a:focus { color: inherit; text-decoration: none; } 
p { letter-spacing:-1px; } 
section { display:block; clear:both; } 
i, em, address { font-style: normal; font-weight: normal; } 
label img { pointer-events: none; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 

.select {
  padding: 10px 10px;
}
.select_metabolic {
  padding: 10px 10px 4px;
}
.select_metabolic input[type=radio]{
  display: none;
}
.select_metabolic input[type=radio]+label{
  display: inline-block;
  cursor: pointer;
  height: 44px;
  width: 88px;
  line-height: 44px;
  text-align: center;
  font-size:14px;
  border-radius:4px;
}
.select_metabolic input[type=radio]+label{
  background-color: #f7f7f7;
  color: #888888;
  font-weight:400;
}
.select_metabolic input[type=radio]:checked+label{
  background-color: #546FEE;
  color: #fff;
  font-weight:bold;
}


* { font-family: 'Spoqa Han Sans', 'sans-serif'; } 
html, body { width: 100%; height: 100%; margin: 0; padding: 0;/* overflow-x:hidden; */}

#wrap { width:100%; min-width:1280px; height:auto; /* overflow:hidden; */padding:0; margin:0 auto; } 
.mobile_header { display:none; } 
.pc-only {display: block;}
.mo-only {display: none !important;}

.header { position:fixed; left:0; top:0; width:100%; height:74px; z-index:200;-webkit-box-shadow: 0px 3px 6px #00000026; box-shadow: 0px 3px 6px #00000026;background:rgba(255, 255, 255,0.94);border-bottom:1px solid #f1f1f1;z-index:999; } 
.header * {font-family: 'Noto Sans CJK KR', 'sans-serif';}
.header .header_inner { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width:1440px; margin:0 auto; } 
.header .header_inner .logo_area a { display: block; } 
.header .header_inner .logo_area .logo { width:202px; }
.header .nav { display: flex;} 
.header .nav li { color:#343434; display:block; float:left; height:74px; font-weight:400; margin-right:60px; } 
.header .gnb_menu li.on { color:#11BCA5; border-bottom:4px solid #11BCA5; } .header .nav li a { display: block; height: 74px; padding:0 8px; line-height: 74px; font-size:18px; font-weight: 500; letter-spacing: -1.35px;} 
.header .gnb_menu .cert_menu { float:left; background:#11BCA5; color:#fff; text-align:center; font-size:16px; padding:10px 18px 12px 18px; border-radius:60px; margin-top:18px; } 
.header .gnb_menu .cert_menu a { font-size:16px !important; } 
.header_height { display:block; width:100%; height:74px; clear:both; } 
.header .utility .gnb_lang { margin: 0; }
.header .utility .gnb_lang a { position: relative; padding-left: 26px; font-family: 'Nanum Square', 'sans-serif'; font-weight: 700; line-height: 78px; letter-spacing: -0.9px; color:#11BCA5; }
.header .utility .gnb_lang a::before { position: absolute; left: 0; top: 52%; transform: translateY(-50%); content: ""; display: block; width: 20px; height: 20px; background:url(../../img/ico_lang.svg) center center/20px no-repeat;}

#visual-wrap { position:relative; width:100%; min-width:1280px; height:100vh; min-height:796px; overflow:hidden; background-size:cover; background:#F7F7F7;} 
#visual-wrap .arrow-down { position: absolute; left:50%; bottom:40px; display:block; width:30px; z-index:200;animation:animatedarrow 2s infinite; } 
@keyframes animatedarrow {0% { transform:translateY(4px); } 
50% { transform:translateY(-14px); } 
100% { transform:translateY(4px); } 
 }
h3 { font-size:18px; font-weight:300; line-height:28px; color:#2d2d2d; } 

.visual_cont { width: 100%; max-width:1440px; height:100%; margin:0 auto; padding-top:22.988vh; } 
.visual_cont .visual_tit {margin-bottom: 17px; text-align: left; font-family: 'Gmarket Sans'; font-weight: 700; font-size: 4.25rem; line-height: 1.14; letter-spacing: -3.4px; color: #11BCA5;}
.visual_cont .visual_tit.blue {color: #546FEE;}
.visual_cont .sub_tit {margin-bottom: 19px; text-align: left; font-family: 'Gmarket Sans'; font-weight: 500; font-size: 3rem; line-height: 1.33; letter-spacing: -2.4px; color: #333333;}
.visual_cont .visual_txt {font-family: 'Noto Sans CJK KR'; font-size: 1.75rem; line-height: 1.35; letter-spacing: -1.4px; color: #333333;}
.visual_cont .sub_txt { margin-top:30px; } 
.visual_cont ul.appdown_link {display: flex; align-items: center; gap: 18px; width:auto; height:64px; margin-top:68px; } 
.visual_cont ul.appdown_link li { display:block; width:210px; height:auto; background:#fff; border-radius:6px; overflow:hidden; } 
.visual_cont ul.appdown_link li img { width:100%; } 
.visual_cont ul.appdown_link li .app_pc_img { display:block; } 
.visual_cont ul.appdown_link li .app_mobile_img { display:none; } 
.visual_pic { position: absolute; right: 0; top: 0; width: 56.25%; }
.visual_pic figure { position: relative; display: inline-block; height: 100vh; overflow: hidden; }
.visual_pic img { width: 100%; height: 100%; object-fit: cover; object-position: top; }

/* common: font */
.service section * {font-family: 'Noto Sans CJK KR', 'sans-serif';}

/* common: title */
.section_title .main_title {text-align: center; font-weight: 400; font-size: 48px; line-height: 1.42; letter-spacing: -2.4px; color: #333333;}
.service_title {padding-top: 52px;text-align: left;}
.service_title .main_tit {position: relative; display: inline-block; margin-bottom: 40px; font-size: 48px; line-height: 1.41; font-weight: 700; letter-spacing: -2.4px;}
.service_title .main_tit.green {color: #11BCA5;}
.service_title .main_tit.blue {color: #546FEE;}
.service_title .main_tit::before {position: absolute; left: 0; top: -4px; content: ""; width: 44px; height: 4px;}
.service_title .main_tit.green::before {background-color: #11BCA5;}
.service_title .main_tit.blue::before {background-color: #546FEE;}
.service_title .main_tit::after {position: absolute; right: -7%; top: -75%; content: ""; width: 90px; height: 90px; border-radius: 50%;}
.service_title .main_tit.green::after {background-color: rgb(17 188 165 / 15%);}
.service_title .main_tit.blue::after {background-color: rgb(84 111 238 / 15%);}
.service_title .sub_tit {margin-bottom: 16px; font-size: 32px; line-height: 1.2; font-weight: 700; letter-spacing: -1.6px; color: #2C2F3A;}
.service_title.double .sub_tit:nth-of-type(2) {margin-top: 130px;}
.service_title .service_txt {text-align: left; font-size: 20px; line-height: 1.5; letter-spacing: -1px; color: #2C2F3A;}
.service_title .list-service {max-width: 800px; word-break: keep-all;}
.service_title .list-service li {position: relative; margin-bottom: 18px; padding-left: 18px; text-align: left; font-size: 20px; line-height: 1.6; letter-spacing: -1px; color: #FFFFFF;}
.service_title .list-service li::before {position: absolute; top: 13px; left: 0; content: ""; display: inline-block; width: 8px; height: 8px; background-color: #fff; border-radius: 50%;}
.service_title .list-service.green li, .service_title .list-service.blue li {color: #666;}
.service_title .list-service.green li::before {background-color: #11BCA5;}
.service_title .list-service.blue li::before {background-color: #546FEE;}
figure.info_img {padding-bottom: 28px;}
.info_txt { display: block; width: 100%; padding-top: 14px; text-align: center; font-size: 18px; line-height: 1; font-weight: 400; letter-spacing: -0.9px; color: #666;}
.info_txt.white {color: #FFFFFF;}

/* */
#family-cont { width:100%; height:auto; background:#fff; } 
#family-cont .cont_inner { width: 100%; max-width:1440px; height:auto; margin:0 auto; padding: 120px 0 117px; text-align: center; } 
#family-cont .cont_inner .section_title {max-width: 920px; margin: 0 auto;} 
#family-cont .cont_inner .section_title .main_title {margin-bottom: 80px;} 
#family-cont .cont_inner .section_title .main_title .txt_blue {color: #546FEE;} 
#family-cont .cont_inner .section_title .sub_txt { margin-top:30px; } 
#family-cont .icon_area {display: flex; justify-content: space-between; gap: 33px;}
#family-cont .icon_box {display: flex; flex-wrap: wrap; justify-content: center; gap: calc(100vw * (60 / 1920)); width: 262px;}
#family-cont .ico_circle {position: relative; width: 262px; height: 262px; background:url(../../img/ico_circle_01.svg) center center/42% no-repeat #FFFFFF; box-shadow: inset 0px -4px 8px #0000001A, 0px 4px 8px #0000001A; border-radius: 136px;}
#family-cont .icon_box:nth-child(2) .ico_circle {background-image:url(../../img/ico_circle_02.svg); background-size: 48%;}
#family-cont .icon_box:nth-child(3) .ico_circle {background-image:url(../../img/ico_circle_03.svg); background-size: 48%;}
#family-cont .icon_box:nth-child(4) .ico_circle {background-image:url(../../img/ico_circle_04.svg)}
#family-cont .icon_box:nth-child(5) .ico_circle {background-image:url(../../img/ico_circle_05.svg)}
#family-cont .ico_circle::after {position: absolute; left: 50%; bottom: -46px; content: ""; display: block; width: 2px; height: 24px; background-color: rgba(0,0,0,.25); transform: translateX(-50%);}
#family-cont .ico_txt {text-align: center; font-size: 28px; line-height: 1.5; font-family: 'Noto Sans CJK KR'; letter-spacing: -1.4px; color: #333333;}
#family-cont .ico_txt b {display: block;}
#family-cont .ico_txt .txt_green {font-weight: 700; color: #11BCA5;}

/* */
#schedule-cont { width:100%; height:auto; background:#F7F7F7; } 
#schedule-cont .cont_inner { position:relative; width: 100%; max-width:1440px; height:1180px; padding-top: 90px; margin:0 auto; } 
#schedule-cont .cont_inner .section_title { padding-top:134px; text-align:center; margin:0 auto; } 
#schedule-cont .cont_inner .section_title .main_title { } 
#schedule-cont .cont_inner .section_title .sub_txt { margin-top:30px; } 
#schedule-cont .cont_inner .app_calendar { position:absolute; width:100%; top:320px; left:114px; z-index:10; } 
#schedule-cont .cont_inner .app_calendar ul { width:100%; } 
#schedule-cont .cont_inner .app_calendar ul li { display:inline-block; } 
#schedule-cont .cont_bg { width:100%; height:90px; background:#EBEDF2; } 
#schedule-cont .cont_inner .mockup_area {width: auto;}
#schedule-cont .cont_inner .mockup_area:nth-child(1) figure img {width: 494px; height: 100%; object-fit: contain;}
#schedule-cont .cont_inner .mockup_area:nth-child(2) figure img {width: 484px; height: 100%; object-fit: contain;}

/* common: mockup */
/* .cont_inner .mockup_area {position: absolute; display: flex; justify-content: flex-start; gap: 38px; width: 958px;}
.cont_inner .mockup_area.vertical {flex-wrap: wrap;}
.cont_inner .mockup_area.vertical > .service_title {width: 100%;}
.cont_inner .mockup_area.vertical > .service_title .main_tit.blue {margin-bottom: 0;}
.cont_inner .mockup_area:nth-child(1) {top: 90px; left: 0;}
.cont_inner .mockup_area:nth-child(2) {top: 400px; left: 40%;}
.cont_inner .mockup_frame {display: flex; justify-content: center; align-items: center; width: 488px; height: 860px; background:url(../../img/img_frame_01.svg) center center/contain no-repeat transparent;}
.cont_inner .mockup_frame figure {position: relative; display: inline-block; width: 434px; height: 808px; overflow: hidden; border-radius: 28px; transform: translateY(-2px);}
.cont_inner .mockup_frame img {width: 100%; height: 100%; object-fit: cover; object-position: top;}
.cont_inner .mockup_frame .thm-item.slider_wrap { width: 472px; height: 602px; padding: 60px 28px 0; overflow: hidden; }
.cont_inner .mockup_frame .slider_wrap figure { width: 416px; height: 544px;}
.cont_inner .mockup_frame .slider_wrap img { object-fit: contain; }
#together-cont .mockup_area .mockup_frame.type02 {display: flex; align-items: flex-start; width: 520px; height: 728px; background:url(../../img/img_frame_02.svg) center center/contain no-repeat transparent;}
#together-cont .mockup_area .mockup_frame.type03 {width: 316px; height: 638px; background:url(../../img/img_frame_03.svg) center center/contain no-repeat transparent;}
.cont_inner .mockup_frame.type03 figure { width: 282px; height: 612px; } */
.cont_inner .mockup_area {position: absolute; display: flex; justify-content: flex-start; gap: 38px;}
.cont_inner .mockup_area.vertical {flex-wrap: wrap; gap: 48px 38px;}
.cont_inner .mockup_area.vertical > .service_title {width: 100%;}
.cont_inner .mockup_area.vertical > .service_title .main_tit.blue {margin-bottom: 0;}
.cont_inner .mockup_area:nth-child(1) {top: 90px; left: 0;}
.cont_inner .mockup_area:nth-child(2) {top: 400px; left: 40%;}
.cont_inner .mockup_frame {display: flex; justify-content: center; align-items: center; width: 488px; height: 860px; background:url(../../img/img_frame_01.svg) center center/contain no-repeat transparent;}
.cont_inner .mockup_frame figure {position: relative; display: inline-block; width: 434px; height: 808px; overflow: hidden; border-radius: 28px; transform: translateY(-2px);}
.cont_inner .mockup_frame img {width: 100%; height: 100%; object-fit: cover; object-position: top;}
.cont_inner .mockup_frame .thm-item.slider_wrap { width: 472px; height: 664px; padding: 60px 28px 0; overflow: hidden; }
.mockup_frame .thm-item.slider_wrap .slick-dots {bottom: 18px; left: 0;} 
.thm-item.slider_wrap .slick-dots li button:before {font-size: 12px; color: #ccc; opacity: 1;}
.thm-item.slider_wrap .slick-dots li.slick-active button:before {color: #546FEE;}
.thm-item.slider_wrap .slick-dots li button:hover:before, .thm-item.slider_wrap .slick-dots li button:focus:before {color: #546FEE;}
.cont_inner .mockup_frame .slider_wrap figure { width: 416px; height: 544px;}
.cont_inner .mockup_frame .slider_wrap img { object-fit: contain; }

#together-cont .mockup_area .mockup_frame.type02 {display: flex; align-items: flex-start; width: 520px; height: 728px; background:url(../../img/img_frame_02.svg) center center/contain no-repeat transparent;}
#together-cont .mockup_area .mockup_frame.type03 {width: 316px; height: 638px; background:url(../../img/img_frame_03.svg) center center/contain no-repeat transparent;}
.cont_inner .mockup_frame.type03 figure { width: 282px; height: 612px; }

/* */
#together-cont { width:100%; height:auto; background:#EBEDF2; } 
#together-cont .cont_inner { position:relative; display: flex; justify-content: space-between; width: 100%; max-width:1440px; height:364px; margin:0 auto; } 
#together-cont .cont_bg { width:100%; height:598px; background:#546FEE; } 
#together-cont .cont_inner .section_title { padding-top:134px; padding-left:60px; text-align:left; margin:0 } 
#together-cont .cont_inner .mockup_area.vertical > .service_title { padding-top: 68px; }
#together-cont .cont_inner .section_title .main_title { } 
#together-cont .cont_inner .section_title .sub_txt { margin-top:30px; } 
#together-cont .cont_inner .mockup_area:nth-child(1) {position: initial;}
#together-cont .cont_inner .mockup_area:nth-child(2) {position: relative; top: initial; left: initial; transform: translateY(180px);}
#together-cont .mockup_area:nth-of-type(2) .service_title {padding-top: 114px; width: 372px;}
#together-cont .mockup_area:nth-of-type(2) .service_title .sub_tit {margin-bottom: 58px;}
#together-cont .mockup_area:nth-of-type(2) figure img { max-width: 332px; }

/* */
#chronic-cont { position: relative; width:100%; height:auto; background:#F7F7F7; overflow: hidden; } 
#chronic-cont::before { position: absolute; right: calc(100vw * (-520 / 1920)); bottom: calc(100vw * (-730 / 1920));  content: ""; display: block; width:calc(100vw * (1661 / 1920)); height: calc(100vw * (1661 / 1920)); border-radius: 50%; background: #11BCA5;}
#chronic-cont .cont_inner { position:relative; width: 100%; max-width:1440px; height:1062px; padding-top: 90px; margin:0 auto; } 
#chronic-cont .cont_inner .section_title { padding-top:134px; text-align:center; margin:0 auto; } 
#chronic-cont .cont_inner .section_title .main_title { } 
#chronic-cont .cont_inner .section_title .sub_txt { margin-top:30px; } 
#chronic-cont .cont_inner .mockup_area {width: 100%;}
#chronic-cont .service_title {width: 52%; padding-right: 10px;}
#chronic-cont .service_title .main_tit {margin-bottom: 80px;}
#chronic-cont .service_title .sub_tit {margin-bottom: 46px;}
#chronic-cont figure.info_img { display: flex; justify-content: space-between; flex-wrap: wrap; }
#chronic-cont img { width: 388px; padding-top: 124px;}

/* */
#compli-cont { width:100%; height:auto; background:#EBEDF2; } 
#compli-cont .cont_inner { position:relative; width: 100%; max-width:1440px; height:1062px; margin:0 auto; padding-top: 90px; } 
#compli-cont .cont_bg { width:100%; height:78px; background:#f7f7f7; } 
#compli-cont .service_title .main_tit { margin-bottom: 100px; } 
#compli-cont .cont_inner .section_title { padding-top:134px; padding-left:60px; text-align:left; margin:0 } 
#compli-cont .cont_inner .section_title .main_title { } 
#compli-cont .cont_inner .section_title .sub_txt { margin-top:30px; } 
#compli-cont .cont_inner .mockup_area { width: auto; }
#compli-cont .cont_inner .mockup_area:nth-child(2) {top: initial; left: 0;}
#compli-cont .cont_inner .mockup_area:nth-child(3) {top: 100px; right: 0; align-items: flex-end;}
#compli-cont .cont_inner .mockup_area:nth-child(3) .sub_tit {margin-bottom: 150px; font-size: 24px; text-align: right; line-height: 1.5;}
#compli-cont .cont_inner .mockup_area:nth-child(2) figure img { width: 335px; }
#compli-cont .cont_inner .mockup_area:nth-child(3) figure img { width: 494px; }
#compli-cont .mockup_area:nth-of-type(2) .service_title { width: 486px; padding-top: 10px;}
#compli-cont .mockup_area:nth-of-type(2) .service_title .sub_tit {margin-bottom: 40px;}

/* */
#ai-cont { width:100%; height:auto; background:#F7F7F7; } 
#ai-cont .cont_inner { position:relative; width: 100%; max-width:1440px; height:858px; margin:0 auto; } 
#ai-cont .cont_inner .section_title { padding-top:134px; text-align:center; margin:0 auto; } 
#ai-cont .cont_inner .section_title .main_title { } 
#ai-cont .cont_inner .section_title .sub_txt { margin-top:30px; } 
#ai-cont .cont_bg { width: 100%; height: 126px; background: #11BCA5; } 
#ai-cont .cont_inner .mockup_area {width: 100%;}
#ai-cont .service_title {padding-right: 10px;}
#ai-cont .service_title .main_tit {margin-bottom: 46px;}
#ai-cont .service_title .sub_tit {margin-bottom: 46px;}
#ai-cont .cont_inner .ai_cont_wrap {display: flex; justify-content: space-between;}
#ai-cont .cont_inner .mockup_area {position: initial; gap: 38px}
#ai-cont .cont_inner .mockup_area:nth-child(2) {transform: translateY(-60px);}
#ai-cont .cont_inner .mockup_area:nth-child(1) figure img { width: 520px; }
#ai-cont .cont_inner .mockup_area:nth-child(2) figure img { width: 388px; }

/* */
#health-cont { width:100%; height:auto; background:#EBEDF2; } 
#health-cont .cont_inner { position:relative; width: 100%; max-width:1440px; height:1014px; margin:0 auto; padding-top: 90px; } 
#health-cont .cont_bg { width:100%; height:78px; background:#f7f7f7; } 
#health-cont .cont_inner .section_title { padding-top:134px; padding-left:60px; text-align:left; margin:0 } 
#health-cont .cont_inner .section_title .main_title { } 
#health-cont .cont_inner .section_title .sub_txt { margin-top:30px; } 
#health-cont .cont_inner .service_title .main_tit {margin-bottom: 75px;}
#health-cont .cont_inner .mockup_area { width: auto; }
#health-cont .cont_inner .mockup_area:nth-child(2) {top: initial; left: 0;}
#health-cont .cont_inner .mockup_area:nth-child(2) > figure img { width: calc(100vw * (329 / 1920)); max-width: 329px; }
#health-cont .cont_inner .mockup_area:nth-child(3) {top: 100px; right: 0; align-items: flex-end;}
#health-cont .cont_inner .mockup_area:nth-child(3) .sub_tit {margin-bottom: 150px; text-align: right;}
#health-cont .mockup_area:nth-of-type(2) .service_title {padding-top: 10px;}
#health-cont .mockup_area:nth-of-type(2) .service_title .sub_tit {margin-bottom: 40px;}

/* */
#medi-cont { width:100%; height:auto; background:#F7F7F7; } 
#medi-cont .cont_inner { position:relative; max-width:1440px; width: 100%; height:1014px; padding-top: 90px; margin:0 auto; } 
#medi-cont .cont_inner .section_title { padding-top:134px; text-align:center; margin:0 auto; } 
#medi-cont .cont_inner .section_title .main_title { } 
#medi-cont .cont_inner .section_title .sub_txt { margin-top:30px; } 
#medi-cont .cont_bg { width: 100%; height: 238px; background: #fff; } 
#medi-cont .cont_inner .mockup_area {width: 100%;}
#medi-cont .service_title {padding-right: 10px;}
#medi-cont .service_title .main_tit {margin-bottom: 36px;}
#medi-cont .service_title .sub_tit {margin-bottom: 46px;}
#medi-cont .cont_inner .mockup_area {justify-content: space-between; align-items: flex-start;}
#medi-cont .cont_inner .mockup_area:nth-child(2) {top: initial; left: initial; gap: 0;}
#medi-cont .cont_inner .mockup_area:nth-child(2) figure:nth-of-type(1) {transform: translateY(15%);}
#medi-cont .cont_inner .mockup_area:nth-child(2) figure:nth-of-type(3) {transform: translateY(84%);}
#medi-cont .cont_inner .mockup_area:nth-child(2) figure:nth-of-type(1) img, 
#medi-cont .cont_inner .mockup_area:nth-child(2) figure:nth-of-type(3) img { max-width: 476px; }
#medi-cont .cont_inner .mockup_area:nth-child(2) figure:nth-of-type(1) .info_txt, 
#medi-cont .cont_inner .mockup_area:nth-child(2) figure:nth-of-type(3) .info_txt { padding-top: 0; }
#medi-cont .cont_inner .mockup_area:nth-child(2) figure:nth-of-type(2) img { max-width: 488px; }
#medi-cont .cont_inner .mockup_area:nth-child(2) figure img {width: 100%; height: 100%; object-fit: contain;}

/*  */
#platform { width:100%; height:100vh; min-height:960px; background:#f9f9f9; padding:60px 0 40px 0; } 
#platform .cont_inner { position:relative; width: 100%; max-width:1440px; height:100%; margin:0 auto; } 
#platform .cont_inner .section_title { padding-top:134px; text-align:center; margin:0 auto; } 
#platform .cont_inner .section_title .main_title { } 
#platform .cont_inner .section_title .sub_txt { margin-top:20px; } 
#platform .cont_inner .platform_img { width:1060px; margin:0 auto; } 
#platform .cont_inner .platform_img .pc_img { display:block; max-width: 1060px; } 
#platform .cont_inner .platform_img .mobile_img { display:none; } 
#platform .cont_inner .platform_txt { margin-top:10px; text-align:center; color:#808080; } 
#platform .cont_inner .platform_txt p.txt1 { font-size:24px; } 
#platform .cont_inner .platform_txt p.txt2 { font-size:20px; font-weight:300; margin-top:18px; } 

/* AI */
#platform_ai { width:100%; height:420px; background:#131523; overflow:hidden; } 
#platform_ai .cont_inner { width: 100%; max-width:1080px; margin:0 auto; padding:52px 0; } 
#platform_ai .ai_img { float:left; width:386px; } 
#platform_ai .ai_txt { float:left; margin-left:84px; } 
#platform_ai .ai_txt p.ai_title { font-size:36px; color:#a9abff; font-weight:600;; padding-top:16px; } 
#platform_ai .ai_txt p.ai_sub { font-size:24px; color:#fff; padding:18px 0; font-weight:400; } 

/* */
#platform_link { position:relative; width:100%; height:316px; margin:68px 0 80px 0; } 
#platform_link .cont_inner { width: 100%; max-width:1080px; margin:0 auto; } 
#platform_link .cont_inner .link_group { width:100%; height:316px; border:2px solid #e2e2e2; border-radius:30px; overflow:hidden; } 
#platform_link .cont_inner .link_group li { float:left; width:50%; height:316px; } 
#platform_link .cont_inner .link_group li:first-child { border-right:1px solid #e2e2e2; } 
#platform_link .cont_inner .link_group li .link_title { font-size:32px; color:#2c2c2c; font-weight:600; } 
#platform_link .cont_inner .link_group li .link_sub { font-size:22px; color:#2c2c2c; line-height:32px; margin-top:32px; } 

#platform_link .cont_inner .link_group li .link_cont2 { width:100%; min-height:160px; padding:60px 0 0 80px; background:url(../../img/icon_customer.png) 80px 148px no-repeat; } 
#platform_link .cont_inner .link_group li .link_cont2 .link_sub { font-size:22px; color:#2c2c2c; line-height:32px; margin-top:32px; padding-left:90px; } 
#platform_link .cont_inner .link_group li .link_cont2 .link_sub a:hover { text-decoration:underline; } 

#platform_link .site_link { position:absolute; top:288px; left:50%; transform:translate(-50%, 0); width:286px; height:56px; text-align:center; background:url(../../img/icon_arrow_right.png) #fff 234px 11px no-repeat; overflow:hidden; border:2px solid #e2e2e2; border-radius:30px; z-index:30; } 

#vod_area { width:100%; background:#fff; } 
#vod_area .cont_inner { width: 100%; max-width:1080px; margin:0 auto; padding:0 0 80px 0; } 
.service #vod_area .cont_inner { max-width:1440px; } 
#vod_area .cont_inner .vod_pc { width: 100%; max-width:1080px; height:540px; background:#1c1c1c; border-radius:26px; overflow:hidden; } 
.service #vod_area .cont_inner .vod_pc { max-width:1440px; height: 740px;}
#vod_area .cont_inner .vod_mobile { display:none; } 

/* footer */
#footer { width:100%; height:auto; background:#f4f4f4; box-shadow: 0px -3px 6px #0000001A; overflow:hidden; } 
#footer .foot_menu { width:100%; border-bottom:1px solid #e2e2e2; } 
#footer .foot_menu .link_area { width: 100%; max-width:1440px; height:54px; margin:0 auto; } 
#footer .foot_menu .link_area .ageements { float:left; padding:14px 0; } 
#footer .foot_menu .link_area .ageements li { display:inline-block; padding: 0 24px; text-align: center; } 
#footer .foot_menu .link_area .ageements li a {font-size: 14px;}
#footer .foot_menu .link_area .family_site { float:right; min-width:186px; padding:14px 0 14px 20px;} 
#footer .foot_conts { position:relative; width: 100%; max-width:1440px; height:200px; margin:0 auto; } 
#footer .foot_conts p.company_name { color:#323232; font-size:18px; padding-top:36px; letter-spacing: -0.7px; } 
#footer .foot_conts p.company_info { color:#636363; font-size:14px; padding-top:20px; letter-spacing: -0.7px; } 
#footer .foot_conts p.copyright { font-weight:300; color:#636363; font-size:14px; padding-top:4px; letter-spacing: -0.7px; } 
#footer .foot_icons { position:absolute; top:40px; right:0; z-index:10; } 
#footer .foot_icons ul.icon_group {display: flex; gap: 14px; justify-content: center;}
#footer .foot_icons ul.icon_group li { float:left; max-width:48px; } 
#footer .foot_icons ul.icon_group li img { width:100%; } 
#footer .go_top { position:absolute; bottom:0; right:0; z-index:20; background:#fff; width:54px; height:54px; border:1px solid #e2e2e2; } 
#footer .go_top a { display:block; width:54px; height:54px; } 
#footer span.pc-only {display: inline-block !important; margin: 0 5px;}
#footer span.bar {display: inline-block; margin: 0 5px;}

/* modal popup */
.modal { width:100%; max-width:1280px; min-width:640px; } 
.modal .pop_inner { width:100%; height:auto; min-height:760px; } 
.modal .popup_title { font-size:22px; font-weight:600; padding-bottom:20px; text-align:center; } 
.modal .rule { width:100%; height:720px; text-align:left; overflow-y:auto; overflow-x:auto; } 
.modal .rule .term-title { color:#343434; font-size:20px; font-weight:600; margin-bottom:20px; } 
.modal .rule .term-tit-right { color:#343434; font-size:16px; margin-bottom:20px; } 
.modal .rule .pc-secede-box { padding:20px; box-sizing:border-box; background:#f9f9f9; } 
.modal .rule .pc-secede-box2 { padding:20px; box-sizing:border-box; background:#fff; } 
.modal .rule p.title { padding:10px 0; font-weight:bold; font-weight:500; } 
.modal .rule p.bold { font-weight:bold; } 
.modal .rule .term-tb { display:table; min-width:640px; margin:10px 0; } 
.modal .rule .term-tb th { padding:10px; border:1px solid #ddd; background:#f9f9f9; text-align:center; vertical-align:middle; } 
.modal .rule .term-tb td { padding:10px; border:1px solid #ddd; background:#fff; } 
.modal a.close-modal { position:absolute; top:20px; right:20px; display:block; width:46px; height:46px; text-indent:-9999px; background:url(../../img/popup_close.svg) 0 0 no-repeat; } 
/*
.modal-spinner>div { border-radius:100px; background-color:#fff; height:20px; width:2px; margin:0 1px; display:inline-block; -webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out; animation:sk-stretchdelay 1.2s infinite ease-in-out } 
.modal-spinner .rect2 { -webkit-animation-delay:-1.1s; animation-delay:-1.1s } 
.modal-spinner .rect3 { -webkit-animation-delay:-1.0s; animation-delay:-1.0s } 
.modal-spinner .rect4 { -webkit-animation-delay:-0.9s; animation-delay:-0.9s } @-webkit-keyframes sk-stretchdelay { 0%,40%,100% { -webkit-transform:scaleY(0.5) } 20% { -webkit-transform:scaleY(1.0) } 
 } @keyframes sk-stretchdelay { 0%,40%,100% { transform:scaleY(0.5); -webkit-transform:scaleY(0.5) } 20% { transform:scaleY(1.0); -webkit-transform:scaleY(1.0) } 
 } 
*/

/* 팝업약관(.modal .rule) 전체페이지로 변경 */
.fullpage_terms { width:100%; padding-top:97px; padding-bottom:97px; } 
.fullpage_terms .inner { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; padding-top:57px}
.fullpage_terms .inner .bt_mob_back{display: none;}
.full_term_title h3 { font-weight: 600; font-size: 42px; line-height: 70px; letter-spacing:-0.1em; } 
.full_term_cont { border-top: 2px solid #000; margin-top: 0px; padding-top: 30px; } 
.full_term_cont p { font-weight: 400;  line-height: 1.5; } 
.full_term_cont .term-b { padding:12px 18px; margin-top:10px; border:1px solid #ddd; background-color: #fff;line-height: 1.8; } 
.full_term_cont .mr-l1{padding-left:10px;}
.full_term_cont .rule { width:100%; text-align:left; } 
.full_term_cont .rule .term-title { color:#343434; font-size:20px; font-weight:600; margin-bottom:20px; } 
.full_term_cont .rule .term-tit-right { color:#777; font-size:16px; margin-bottom:20px; } 
.full_term_cont .rule .pc-secede-box { padding:20px; box-sizing:border-box; background:#fff; } 
.full_term_cont .rule .pc-secede-box2 { padding:20px; box-sizing:border-box; background:#fff; } 
.full_term_cont .rule p.title { padding:10px 0; font-weight:bold; font-weight:500; } 
.full_term_cont .rule p.bold { font-weight:bold; } 
.full_term_cont .rule .term-tb { display:table; width:100%; min-width:640px; margin:10px 0; } 
.full_term_cont .rule .term-tb th { padding:10px; border:1px solid #ddd; background:#e9e9e9; text-align:center; vertical-align:middle; } 
.full_term_cont .rule .term-tb td { padding:10px; border:1px solid #ddd; background:#fff; } 
.full_term_cont .rule .term-tb.td-center td{text-align: center;}

@media(max-width:1280px){
  .header {min-width:100%; } 
  .header .header_inner { width:100%; min-width: 786px;} 
  .fullpage_terms .inner { max-width: 100%; } 
}


/* 대사증후군 ai주치의 */
#ai {
  height: 100vh;
  padding-top: 74px;
}
#ai .cont_inner {
  height: 100%;
}
#ai .pc_img {
  display: block;
}
.ai-content .pc_img, br.pc-only {
  display: block;
}
.ai-content .mobile_img, br.mo-only {
  display: none;
}
#ai .mobile_img {
  display: none;
}
#ai .key-visual-wrap {
  height: 100%;
  background:url(../../img/bg_ai_visual.png) #fff center center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ai .key-visual-wrap .platform_img {
  position: relative;
  max-width: 1440px;
}
#ai .key-visual-wrap .visual_cont .visual_txt {
  max-width: 505px;
  margin-bottom: 38px;
  text-align: left;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.58;
  font-family: 'Gmarket Sans';
  letter-spacing: -1.2px;
  color: #333333;
}
#ai .key-visual-wrap .visual_cont b {
  font-weight: 700;
  font-size: 28px;
  font-family: 'Gmarket Sans';
}
#ai .key-visual-wrap .visual_cont b.green {
  color: #11BCA5;
}
#ai .key-visual-wrap .visual_cont b.blue {
  color: #546FEE;
}
#ai .key-visual-wrap .link-button {
  display: block;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 386px;
  height: 64px;
  font-family: "Noto Sans CJK KR";
  font-size: 22px;
  background: #546FEE;
  text-align: center;
  letter-spacing: -1.1px;
  color: #fff;
  border-radius: 8px;
  font-weight: 500;
  line-height: 64px;
  box-shadow: inset 0px -3px 6px #00000029, 0px 3px 6px #00000029;
}
#ai .key-visual-wrap .link-button span {
  display: inline-block;
  margin-right: 16px;
}
.ico_arrow {
  position: relative;
}

.ico_arrow::after {
  position: absolute;
  left: 0; 
  top: -3px; 
  content: '';
  width: 12px; /* 사이즈 */
  height: 12px; /* 사이즈 */
  border-top: 2px solid #fff; /* 선 두께 */
  border-right: 2px solid #fff; /* 선 두께 */
  transform: rotate(45deg) translateY(110%); /* 각도 */
}

.ai-content {
  width: 100%;
}

.ai-content .cont_inner {
  max-width: 1080px;
  width: 100%;
  margin: 70px auto 110px;
}
.ai-content .cont_inner_short {
  max-width: 1080px;
  width: 100%;
  margin: 70px auto 64px;
}

.ai-content .cont_title {
  font-size: 32px;
  font-weight: bold;
  color: #2c2c2c;
  line-height: normal;
}

.ai-content .cont_subtitle {
  font-size: 20px;
  font-weight: bold;
  color: #2c2c2c;
}
.ai-content .cont_desc {
  margin-top: 25px;
  font-size: 18px;
  line-height: 28px;
  color: #2c2c2c;
}

.ai-content .cont_image {
  margin-top: 40px;
}
.ai-content .diagram-group {
  margin-top: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ai-content .diagram-group .diagram-list {
  position: relative;
  width: 314px;
  height: 314px;
  border-radius: 50%;
  border: 15px solid #e4dbff;
}
.ai-content .diagram-group .diagram-list:not(:last-child)::after {
  content: '';
  display: block;
  width: 28px;
  height: 25px;
  position: absolute;
  top: 50%;
  right: -64px;
  transform: translateY(-50%);
  background: url(../../img/icon_arrow.png);
}
.ai-content .diagram-group .diagram-list .list-inner {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #6c39ff;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.ai-content .diagram-group .diagram-list .list-inner .cause-title {
  font-size: 24px;
  font-weight: bold;
  color: #2c2c2c;
}
.ai-content .diagram-group .diagram-list .list-inner .cause-group {
  margin-top: 15px;
}

.ai-content .diagram-group .diagram-list .list-inner .cause-list {
  font-size: 16px;
  color: #2c2c2c;
  text-align: center;
  line-height: 28px;
  font-weight: 600;
}
.ai-content .highlight-text {
  font-weight: bold;
  background: linear-gradient(to top, #e4dbff 40%, transparent 40%);
}
.ai-content .add-text {
  display: block;
  margin-top: 60px;
  font-size: 18px;
  font-weight: bold;
  color: #2c2c2c;
}
.ai-content .standard_group {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.ai-content .standard_list {
  flex: 0 0 350px;
  height: 206px;
  padding-top: 105px;
  position: relative;
  border: 1px solid #bcbcbc;
  border-radius: 5px;
}
.ai-content .standard_list .standard_icon {
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
}
.ai-content .standard_text-wrap {
  text-align: center;
}

.ai-content .standard_text-wrap .standard_label {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #2c2c2c;
}
.ai-content .standard_text-wrap .standard_value {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  line-height: 21px;
  color: #444;
}

/* 대사증후군 대상여부 확인 폼 */
.ai-content .standard_group_01 {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.ai-content .metabolic_list {
  flex: 0 0 204px;
  padding: 20px 0 6px;
  position: relative;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
}
.ai-content .metabolic_list .standard_icon {
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
}
.ai-content .metabolic_text-wrap {
  text-align: center;
}
.ai-content .metabolic_text-wrap .metabolic_label {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #2c2c2c;
}
.ai-content .metabolic_text-wrap .metabolic_value {
  display: block;
  margin-top: 12px;
  font-size: 14px;
  line-height: 21px;
  color: #444;
}
.ai-content .metabolic_text-wrap .metabolic_value_input {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #444;
}
.ai-content .metabolic_btn {
  margin-top:32px; 
  text-align: center;
}
.ai-content .metabolic_btn .link-button_off {
  display: inline-block;
  width: 302px;
  height: 44px;
  font-size: 16px;
  background: #a1a1a1;
  text-align: center;
  letter-spacing: -1.1px;
  color: #fff;
  border-radius: 4px;
  font-weight: 500;
  line-height: 45px;
}
.ai-content .metabolic_btn .link-button {
  display: inline-block;
  width: 302px;
  height: 44px;
  font-size: 16px;
  background: #546FEE;
  text-align: center;
  letter-spacing: -1.1px;
  color: #fff;
  border-radius: 4px;
  font-weight: 500;
  line-height: 45px;
  box-shadow: inset 0px -3px 6px #00000029, 0px 3px 6px #00000029;
}
.ai-content .metabolic_result {
  display: block;
  margin-top:24px; 
  text-align: center;
  background: #f7f7f7;
  color: #333333;
  font-weight: 500;
  padding: 24px 0;
}
/* 대상 결과값 class */
.ai-content .metabolic_result_subjects {
  display: inline;
  color: #ff6464;
}
/* 비대상 결과값 class */
.ai-content .metabolic_result_nonsubjects {
  display: inline;
  color: #6ea1be;
}
.metabolic-text {
  overflow-y: hidden; 
  height: 24px; 
  background-color: #f7f7f7; 
  text-align: left;
}
/* 대상 class */
.metabolic-text_subjects {
  overflow-y: hidden; 
  height: 24px; 
  background-color: #ffbaba; 
  text-align: left;
}
/* 비대상 class */
.metabolic-text_nonsubjects {
  overflow-y: hidden; 
  height: 24px; 
  background-color: #c3e1f2; 
  text-align: left;
}
.metabolic-text::placeholder {
  color: #bbbbbb;
}

/* 수정된 코드 */

/* .metabolic-text::after {
  content: "cm";
  color: #444444;
  text-align: center;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 24px;
} */
 
/* InputStyle */
.metabolic_input {
  width: 180px;
  padding: 10px 12px;
  flex-direction: row;
  background-color: #f7f7f7;
  border-radius: 3px;
  text-align: center;
}
.metabolic_input_subjects {
  width: 180px;
  padding: 10px 12px;
  flex-direction: row;
  background-color: #ffbaba;
  border-radius: 3px;
  text-align: center;
}
.metabolic_input_nonsubjects {
  width: 180px;
  padding: 10px 12px;
  flex-direction: row;
  background-color: #c3e1f2;
  border-radius: 3px;
  text-align: center;
}
/* input 활성화 속성 subjects(대상), nonsubjects(비대상) */
.metabolic_input {
  padding-right: 46px; /* 우측 여백 지정 */
  position: relative; /* 가상요소의 부모에 기준이 되는 relative추가*/
}
.metabolic_input_subjects {
  padding-right: 46px; /* 우측 여백 지정 */
  position: relative; /* 가상요소의 부모에 기준이 되는 relative추가*/
}
.metabolic_input_nonsubjects {
  padding-right: 46px; /* 우측 여백 지정 */
  position: relative; /* 가상요소의 부모에 기준이 되는 relative추가*/
}
.metabolic-text {
  width: 100%; /* Input요소가 부모요소에 꽉차게 */
}
/* input 활성화 속성 */
.metabolic_input::after {
  content: attr(data-unit);
  color: #444444;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  /* 부모요소 metabolic_input 기준으로 x,y 포지션 지정 */
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.metabolic_input_subjects::after {
  content: attr(data-unit);
  color: #444444;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  /* 부모요소 metabolic_input 기준으로 x,y 포지션 지정 */
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.metabolic_input_nonsubjects::after {
  content: attr(data-unit);
  color: #444444;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  /* 부모요소 metabolic_input 기준으로 x,y 포지션 지정 */
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
/* input 활성화 속성 End */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.mgt60 {
  display: block;
  margin-top: 60px !important;
}