@charset "UTF-8";

/**/
html,body{font-family:"Futura PT", "Noto Sans KR", sans-serif;}
.cont_wrap{overflow-x:clip;}
.m_auto{margin:auto;}

section > div{overflow:hidden;}
.program_wrap > div{overflow:clip;}

/* cont */
.cont_title_wrap .cont_title{font-size:3em; line-height:1.33;}
.txt_title{font-size:2rem;}
.txt4{font-size:1.6em;}

/* head */
.gnb > ul > li a{font-size:1.2em;}
.menu_btn{display:none;}

/* main */
.main_wrap{padding-top:0;}

.main_visual{position:relative;}
.main_visual_swiper .txt_wrap{position:absolute; top:50%; left:50%; text-align:center; transform:translate(-50%,-50%);}
.main_visual_swiper .mv_slide01{color:var(--color-wt);}
.main_visual_swiper .mv_slide02{color:var(--color-wt);}
.main_visual_swiper .mv_slide02 .txt{color:#c9e4de; letter-spacing:10px;}
.main_visual_swiper .swiper-slide{height:993px !important;}
.main_visual_swiper .swiper-slide .visual{height:100%;}
.main_visual_swiper .swiper-slide-active .visual{animation: mvBgScale 3.5s forwards;}
.main_visual_swiper .swiper-slide-active .txt_wrap > div{animation:mvTxt 1s 1s forwards; opacity: 0; transform:translateY(50px); margin-bottom:30px;}
.main_visual_swiper .swiper-slide-active .txt_wrap > div:nth-child(2){animation-delay:1.5s;}
.main_visual_swiper .swiper-slide-active .txt_wrap > div:nth-child(3){animation-delay:1.8s;}
.main_visual_swiper .swiper-slide-active .txt_wrap > div:last-child{margin-bottom:0;}
.main_visual_swiper .swiper-slide img{width:100%; height:100%; object-fit:cover; transform:scale(1.15);}
.main_visual_swiper .swiper-slide h3{font-size:4em;}
.main_visual_swiper .swiper-slide .txt2{font-size:1.2em;}
.main_visual_swiper .swiper-slide .txt5{font-size:3em; line-height:1.33;}

.main_visual_swiper .slider_navi {position: absolute; bottom: 20%; right: 50%; margin-right: -150px; z-index: 1; display: flex; align-items:flex-start; gap:25px;}
.main_visual_swiper .slider_navi .swiper-pagination {display: flex; justify-content:center; align-items:center; position: static;}
.main_visual_swiper .slider_navi .swiper-pagination-bullet {width: 42px; height: 42px; margin: 0 5px; background-color: transparent; position: relative; opacity: 1;}
/* button style */
.main_visual_swiper .slider_navi .circle_btn{position: relative; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px;  background-color: transparent; border-radius: 50%; cursor: pointer; opacity: .6; transition: 0.3s; }
.main_visual_swiper .slider_navi .circle_btn span{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-indent: -9999px; width: 8px; height: 8px; border-radius:50%; background-color: #fff;}

.main_visual_swiper .slider_navi .mv_progress{transform: rotate(-90deg);}
.main_visual_swiper .slider_navi .circle-border{fill: transparent; stroke: rgba(255,255,255,.6); stroke-width: 2px; stroke-linecap: round; stroke-dasharray: 125.664px; stroke-dashoffset: 125.664px; }
.main_visual_swiper .slider_navi .circle-origin{fill: transparent; stroke: transparent; stroke-width: 2px; stroke-linecap: round; stroke-dasharray: 125.664px; stroke-dashoffset: 125.664px; }

.main_visual_swiper .slider_navi .swiper-pagination-bullet-active{opacity: 1;}
.main_visual_swiper .slider_navi .swiper-pagination-bullet-active span{background-color: transparent;}
.main_visual_swiper .slider_navi .swiper-pagination-bullet-active .circle-origin{ stroke:#fff; animation: progress 9s; }

.main_visual_swiper .slider_navi .swiper-pagination-bullet button{border:none; background:transparent;}
.main_visual_swiper .slider_navi .swiper-pagination-bullet .mv_btn.off{display:none;}
.main_visual_swiper .slider_navi .swiper-pagination-bullet .mv_btn{display: flex;position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; z-index: 3; margin: -1px 0 0 -1px;}
.main_visual_swiper .slider_navi .swiper-pagination-bullet .mv_btn span{display: block; width: 3px; height: 13px; border-radius: 50px; background-color: #fff}
.main_visual_swiper .slider_navi .swiper-pagination-bullet-active .mv_btn{opacity:1;}
.main_visual_swiper .slider_navi .swiper-pagination-bullet-active .mv_btn span{display: block; width: 3px; height: 13px; border-radius: 50px; background-color: #fff}
.main_visual_swiper .slider_navi .swiper-pagination-bullet .mv_btn span + span{margin-left: 5px}
.main_visual_swiper .slider_navi .swiper-pagination-bullet .mv_btn svg{fill: #fff; height: 12px;}

.main_visual .swiper_opt{position:static; transform:none;}
.main_visual .swiper-button-count{display:flex; align-items:flex-end;}
.main_visual .swiper-button-count .count{font-size:1.5em;}

@keyframes mvBgScale {
	0% { transform: scale(1.15); }
	100% { transform: scale(1); }
}
@keyframes mvTxt {
	0% { transform:translateY(50px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}


/* main02 */
.en_main02 .cont_title_wrap .cont_title{line-height:1.33;}

.en_grid{position:relative;height:600px}
.grid-item{position:absolute; width:calc((100% - 40px)/5); overflow:hidden; margin-bottom:10px; cursor:pointer; overflow:hidden; transition:all 1s cubic-bezier(0.22, 1, 0.36, 1) }
.grid-item1{left:0%; top:0px}
.grid-item2{left:20.1342%; top:0px}
.grid-item3{left:40.2685%; top:0px}
.grid-item4{left:60.4027%; top:0px}
.grid-item5{left:80.5369%; top:0px}
.grid-item6{left:80.5369%; top:280px}
.grid-item7{left:0%; top:280px}
.grid-item8{left:40.2685%; top:280px}
.grid-item9{left:60.4027%; top:280px}
.grid-item10{left:20.1342%; top:280px}
.grid-item11{left:80.5369%; top:280px}
.grid-item12{left:0%; top:600px}
.grid-item13{left:40.2685%; top:600px}
.grid-item14{left:60.4027%; top:600px}
.grid-item15{left:80.5369%; top:600px}
.grid-item16{left:20.1342%; top:600px}

.en_grid .grid-item .grid_wrap{ width:100%; position:relative; overflow:hidden; background:#fff }
.en_grid .grid-item .grid_wrap .grid_default{ position:relative; width:100%; transition:all .5s cubic-bezier(0.33, 1, 0.68, 1) }
.en_grid .grid-item .grid_square{top:0; left:0; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0); cursor:auto; transition:all .5s cubic-bezier(0.33, 1, 0.68, 1) }

/* main03 */
.doctor_cont .cont_tab2{margin-top:0;}
.doctor_cont .txt_box .cont_title_wrap .cont_title .cont_title_info{font-size:0.52em;}
.doctor_cont .txt_box .cont_title_wrap .cont_title span{font-size:0.64em; margin-left:0;}
.doctor_box{font-size:1.2em; line-height:1.5; font-weight:500;}
.doctor_list{font-size:1.3em;}
.doctor_cont .cont_tab2 ul li.active a{background:var(--color-wt); color:var(--color-pc);}

/* main04 */
.program_box{justify-content:flex-start;}
.program_box .lt.fixed{bottom:650px; top:150px;}
.program_box *{color:var(--color-bk);}
.program_box .lt{top:auto; width:44%; max-width:615px; left:0; transform:none;}
.program_box .lt .sub_title_wrap span{color:var(--color-pc);}
.program_box .lt .sub_title_wrap h3{font-size:3em;}
.program_box .rt{position:relative; flex:0 0 56%; margin-left:70px;}
.program_list{position:relative;}
.program_list:before{content:''; position:absolute; top:0; left:-74px; width:1px; height:100%; background:#ddd;}
.program_list ul li{position:relative; display:flex; align-items:center;}
.program_list ul li .txt_wrap{margin-left:15px;}
.program_list ul li h4{font-size:1.35em; font-weight:400;}
.program_list ul li p{font-size:1.1em; line-height:1.33;}
.program_list ul li:before{content:''; position:absolute; top:50%; left:-80px; width:14px; height:14px; background:var(--color-pc); border-radius:50%; transform:translateY(-50%);}

/* main05 */
.cont_tab3{}
.cont_tab3 ul{display:flex; align-items:flex-end;}
.cont_tab3 ul li{flex-grow:1;}
.cont_tab3 ul li a{display:block; font-size:1.3em; color:#787878; text-align:center; border-bottom:5px solid #ddd; transition:.25s; padding-bottom:20px; transition:.25s;}
.cont_tab3 ul li:hover a{color:#151515; border-bottom:5px solid #151515;}
.cont_tab3 ul li.active a{color:#151515; border-bottom:5px solid #151515;}

.info_box ul li{font-size:1.16em;}
.s_info_box ul li{font-size:1.1em;}

.care_tab_content{display:none;}
.care_tab_content .round{width:30%; max-width:100%; height:auto; font-size:2.12em; font-weight:600; color:var(--color-wt); background:var(--color-pc); border-radius:40px; padding:10px; margin:100px auto 0;}
.care_tab_content hr{border:1px solid #c7c7c7; margin:100px 0;}
.care_tab_content .clinic_list > ul > li:last-child{padding-left:50px;}
.care_tab_content .clinic_list.right > ul > li:first-child{padding-right:50px;}
.care_tab_content .clinic_list .cont_title_wrap{margin-bottom:20px;}
.care_tab_content .clinic_list .cont_title_wrap .cont_title{font-size:2em; font-weight:600;}
.care_tab_content .clinic_list .cont_title_wrap .cont_title_info{font-size:0.65em; font-weight:400; color:var(--color-gr2); margin-top:20px;}
.care_tab_content .clinic_list .info_box{margin-left:3%;}
.care_tab_content .clinic_list .info_box.more_left{margin-left:0 !important;}
.care_tab_content .clinic_list:not(.right) > ul > li:first-child{margin-left:3%;}

.note_box{text-align:center;}
.note_box .num{display:inline-block; width:40px; height:40px; font-size:1.2em; font-weight:500; color:var(--color-wt); line-height:40px; background:var(--color-pc); border-radius:50%;}
.note_box .txt{font-size:1.5em; font-weight:500;}

.cont_list5 > ul > li .txt{font-size:1.1em; line-height:1.33;}

.care_tab_content4 .cont_list1 > ul{justify-content:center;}
.care_tab_content4 .cont_list1 > ul > li{width:auto;}

.care_tab_content5 .step_list5 > ul > li{width:calc(18% - 16px); border:2px solid var(--color-pc); border-radius:50%; padding:67px 0; margin:15px;}
.care_tab_content5 .step_list5 > ul > li .num{font-size:1.7em; font-weight:600; color:var(--color-pc);}
.care_tab_content5 .step_list5 > ul > li .txt{font-weight:600; line-height:1.33;}

/* main06 */
.system{background:#f5f5f5; text-align:center;}
.system_swiper .swiper_opt{margin-top:50px;}

/* main07 */
.cont03 .cont_text_wrap{margin-top:60px;}
.cont03 .sub_title_wrap p{font-size:1.3em;}
.cont03 .txt2{font-size:1.4em;}

/* main08 */
.cont03 .sub_title{font-size:2.7em; line-height:1.33;}

/* main09 */
#progress_circle .progress_circle_logo{font-size:2.3em; line-height:1.33;}

/* help */
.help{background:var(--color-pc); padding:0px 0 90px; overflow:hidden;}
.help_cont{display:flex;}
.help_cont *{color:var(--color-wt);}
.help_cont .lt{width:50%; padding:0 65px 0 0;}
.help_cont .lt .sub_title{text-align:left;}
.help_cont .lt .sub_title p{font-size:2.375em; font-weight:600; margin-bottom:30px;}
.help_cont .lt .lt_nav ul li{padding:10px 0;}
.help_cont .lt .lt_nav ul li a{font-size:1.375em; font-weight:500; line-height:1.5; transition:.25s;}
.help_cont .rt{width:50%; text-align:right; padding:0 65px 0 0;}
.help_cont .rt .sub_title{text-align:right; margin-bottom:30px;}
.help_cont .rt .sub_title p{font-size:1.5em;}
.help_cont .rt .sub_title p.futura{font-size:2.65em; color:#d4b593; margin-top:15px;}
.help_cont .rt .rt_info ul li.txt{font-size:1.5em;}
.help_cont .rt .rt_info ul li.txt2{margin-top:10px;}
.help_cont .rt .rt_info ul li.txt2.txt_inner{margin-top:5px;}
.help_cont .rt .rt_info ul li.txt2:last-child{font-weight:300;}
.help .tt-section{transform:translateY(5vw);}

/* company */
.company{display:flex; padding:160px 0;}
.company .map_wrap{width:65%;}
.company .company_map .root_daum_roughmap_landing{height:600px;}
.company .company_info{width:35%; padding-left:80px;}
.company .company_info .lo_txt{margin-left:10px;}
.company .company_info .lo_txt .txt3{line-height:1.33;}

/* footer */
footer{background:#eaeaea; padding:140px 0 180px;}
footer .inner{display:flex;}
.foot_logo{width:250px;}
.foot_info ul{display:flex; gap:40px;}
.foot_info ul li{font-size:1.2em;}
.foot_copy{font-size:1.1em; font-weight:400; color:var(--color-gr2); margin:30px auto 0;}

/* quick */
.quick_assets{position:fixed; top:55%; right:3.5%; background:rgba(255,255,255,0.5); transform:translateY(-50%); z-index:99;}
.quick_assets ul{padding:13px;}
.quick_assets ul li{position:relative; font-size:0.8em; text-align:center;}
.quick_assets ul li + li{margin-top:10px;}
.quick_assets ul li span{display:block; position:relative; width:60px; height:60px; background:var(--color-pc); border-radius:8px; box-shadow:1px 3px 5px hsl(0deg 0% 0% / 46%); padding:5px; margin:0 auto 7px;}
.quick_assets ul li span:after{content:''; display:block; width:100%; height:100%; background:url("/assets/jp/img/foot_icon.png")no-repeat 68.5% 50%; background-size:cover;}
.quick_assets ul li span.quick_assets_icon2:after{background-position:84.5% 50%;}
.quick_assets ul li span.quick_assets_icon3:after{background-position:99.5% 50%;}
.quick_assets ul li span.quick_assets_icon4:after{background-position:52% 50%;}
.quick_assets .top_btn{display:block; width:100%; font-size:14px; color:var(--color-wt); text-align:center; line-height:34px; background:#535353;}

.line_img{display:none; position:absolute; right:70px; top:30px; width:300px; background:#000; border-radius:10px; padding:10px 20px 20px 20px;}
.quick_close .close{float:none; color:var(--color-wt); opacity:1; margin-bottom:10px;}


/* 1024 */
@media screen and (max-width:1024px) {
	/* cont */
	.txt_title{font-size:1.5rem;}

	.txt{font-size:1.22em;}
	.txt2{font-size:1.1em;}
	.txt4{font-size:1.3em;}

	.info_box ul{margin-left:0;}
	.info_box ul li{font-size:1.05em;}
	
	/* head */
	.head_logo{justify-content:flex-start;}
	.lang{position:static;}
	.menu_btn{display:flex; right:15px; left:auto;}

	/* main */
	.main_visual_swiper .swiper-slide{height:740px !important;}
	.main_visual_swiper .txt_wrap{width:100%;}
	.main_visual_swiper .swiper-slide h3{font-size:2.6em; line-height:1.33;}
	.main_visual_swiper .swiper-slide .txt{font-size:1.2em;}
	.main_visual_swiper .swiper-slide .txt5{font-size:1.6em;}
	.main_visual_swiper .swiper-slide .txt2{font-size:1.1em;}
	.main_visual_swiper .mv_slide01 img{object-position:78% 50%;}
	.main_visual_swiper .mv_slide02 img{object-position:57% 50%;}
	.main_visual_swiper .mv_slide03 img{object-position:36% 50%;}
	.main_visual_swiper .slider_navi{margin-right:-88px;}

	.cont_title_wrap .cont_title{font-size:2em;}

	/* main02 */
	.en_grid{height:350px;}
	.en_grid .grid-sizer{width:calc((100% - 2px)/3);}
	.en_grid .grid-item{width:calc((100% - 2px)/3); overflow:hidden; margin-bottom:1px; border-radius:10px;}
	.en_grid .grid-item img{vertical-align:middle;}

	.grid-item1{left:0%; top:0px}
	.grid-item2{left:33.403%; top:0px}
	.grid-item3{left:66.806%; top:0px}
	.grid-item4{left:0%; top:108.516px}
	.grid-item5{left:33.403%; top:108.516px}
	.grid-item6{left:66.806%; top:108.516px}
	.grid-item7{left:0%; top:218px}
	.grid-item8{left:33.403%; top:218px}
	.grid-item9{left:66.806%; top:218px}
	.grid-item10{left:0%; top:324px}
	.grid-item11{left:33.403%; top:324px}
	.grid-item12{left:66.806%; top:324px}
	.grid-item13{left:0%; top:431px}
	.grid-item14{left:33.403%; top:431px}
	.grid-item15{left:66.806%; top:431px}

	/* main03 */
	.doctor_cont  .cont_tab2 ul li a{line-height:45px;}
	.doctor_box{font-size:1.1em;}
	.doctor_list{font-size:1.1em;}

	/* main04 */
	.program_box .lt.fixed{width:100%; margin-bottom:0;}
	.program_box .lt .sub_title_wrap h3{font-size:1.7em; font-weight:600;}
	.program_box .sub_title_wrap{margin-bottom:20px;}
	.program_box .rt{margin-left:0;}
	.program_list ul li{align-items:flex-start; flex-direction:column;}
	.program_list ul li + li{margin-top:40px;}
	.program_box img{width:100%;}
	.program_list ul li h4{margin-top:20px;}
	.program_list ul li p{padding-left:0;}

	.con_tab2 ul li a{font-family:"Futura PT", sans-serif;}

	.cont_tab3{margin-top:70px;}
	.cont_tab3 ul{flex-wrap:wrap; justify-content:center; gap:20px 0;}
	.cont_tab3 ul li{flex:0 0 25%;}
	.cont_tab3 ul li a{font-size:1em; border:0;}

	.care_tab_content .round{width:90%; font-size:1.7em; line-height:1; margin:80px auto 0;}

	.cont_list3 > ul > li{width:100%; margin-right:0;}

	.cont_list5 > ul > li{width:calc(1 / 2 * 100% - (1 - 1 / 2) * 10px); margin-right:10px;}
	.cont_list5 > ul > li:nth-child(2n){margin-right:0;}

	.care_tab_content hr{margin:50px 0;}
	.care_tab_content .clinic_list > ul > li:first-child{width:100%;}
	.care_tab_content .clinic_list > ul > li:last-child{width:100%; padding-left:0;}
	.care_tab_content .clinic_list:not(.right) > ul > li:first-child{margin-left:0;}
	.cont_title_wrap .cont_title span{display:inline-block; text-align:left;}
	.care_tab_content .clinic_list .cont_title_wrap .cont_title{font-size:1.5em;}
	.care_tab_content .clinic_list .cont_title_wrap .cont_title_info{margin-left:5%;}

	.care_tab_content .clinic_list.right > ul > li:first-child{width:100%; padding-right:0;}
	.care_tab_content .clinic_list.right > ul > li:last-child{width:100%;}

	.note_box .txt{font-size:1.25em; line-height:1.33;}
	.note_box .txt2{font-size:1em;}

	.care_tab_content5 .step_list5 > ul > li{width:calc(51% - 16px); margin:5px 5px; padding:41px 0;}
	.care_tab_content5 .step_list5 > ul > li .txt{font-size:1.1em;}

	.cont_list5 > ul > li .txt{font-size:1em;}

	/* main05 */
	.system_list{padding:0 20px;}

	/* main07 */
	.cont03_1{background:rgb(224, 229, 232); padding:80px 0 100px;}
	.cont03 .sub_title{font-size:1.7em;}
	.cont03 .sub_title_wrap p{font-size:1.1em;}
	.cont03 .txt2{font-size:1.2em;}
	.cont03 .sub_title{font-size:1.5em;}

	#progress_circle .progress_circle_logo{font-size:1.5em;}

	/* help */
	.help{padding:0 0 90px;}
	.help_cont{flex-wrap:wrap;}
	.help_cont .lt{width:100%; padding:0 65px 0 0;}
	.help_cont .lt .sub_title{padding-top:70px;}
	.help_cont .lt .sub_title p{font-size:1.8em;}
	.help_cont .rt{width:100%; padding:0;}
	.help_cont .rt .sub_title{padding-top:20px;}
	.help_cont .rt .sub_title p.futura{font-size:2em;}

	/* company */
	.company{flex-wrap:wrap; padding:100px 0;}
	.company .map_wrap{width:100%;}
	.company .company_map .root_daum_roughmap_landing{height:300px;}
	.company .company_info{width:100%; padding-left:15px; margin-top:70px;}
	.company .company_info .lo_txt .txt3{font-size:1em;}
	.company .company_icon img{width:40px;}

	/* footer */
	footer{padding:90px 0 150px;}
	footer .inner{flex-wrap:wrap;}
	.foot_logo{width:150px; margin-bottom:10px;}
	.foot_info ul{flex-direction:column; gap:0;}
	.foot_info ul li{font-size:1em; line-height:1.7; margin-bottom:0;}
	.foot_copy{font-size:1em; text-align:left;}

	/* quick */
	.quick_assets ul{padding:10px 3px;}
	.quick_assets ul li{font-size:1em;}
	.quick_assets ul li span{width:50px; height:50px;}
}