@font-face {
    font-family: 'InkLiquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");


#han_introduce { position: relative; font-family: Pretendard; }
#han_introduce > div.z2,
#safety, #han-footer { position: relative; background-color: #fff; z-index: 2; }




.line { display: flex; justify-content: center; align-items: center; width: 100%; height: 125px; background-color: #E48698 !important; }
.line p { font-size: 47px; font-weight: 100; color: #fff; letter-spacing: 0.08em; }




#sub0000_01 { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: auto; aspect-ratio: 1.8 / 1; background: url(/images/sub0000_01_bg.jpg?v=2603171436) center / cover no-repeat; }
#sub0000_01::after { content: ''; position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.4); }
#sub0000_01 .txt_wrap { position: relative; color: #fff; text-align: center; z-index: 1; }
#sub0000_01 .txt_wrap img { width: 200px; aspect-ratio: 1 / 1; margin-bottom: 20px; }
#sub0000_01 .txt_wrap h1 { margin-bottom: 20px; padding-left: 110px; text-indent: -290px; font-family: 'InkLiquid'; font-size: 135px; font-weight: 500; line-height: 1; }
#sub0000_01 .txt_wrap h3 { margin-bottom: 30px; font-family: 'InkLiquid'; font-size: 45px; font-weight: normal; }
#sub0000_01 .txt_wrap h5 { margin-bottom: 15px; font-size: 60px; font-weight: 900; letter-spacing: 0.03em; }
#sub0000_01 .txt_wrap h6 { font-size: 25px; font-weight: 600; letter-spacing: 0.03em; }




#sub0000_02 { padding: 40px 0 110px; }
#sub0000_02 h2 { font-family: 'InkLiquid'; font-size: 85px; font-weight: lighter; text-align: center; }
#sub0000_02 h3 { margin-bottom: 55px; font-size: 95px; font-weight: 900; color: #E48296; text-align: center; letter-spacing: 0.03em; }

#sub0000_02 .cont .text_box { position: relative; }
#sub0000_02 .cont .text_box::after { content: ''; position: absolute; width: 30px; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #002E83; }

#sub0000_02 .cont .text_box.left::after { top: 32.5px; right: -78px; transform: translateY(-50%); }
#sub0000_02 .cont .center .text_box::after { top: -58px; left: 50%; transform: translateX(-50%); }
#sub0000_02 .cont .text_box.right::after {  top: 32.5px; left: -44px; transform: translateY(-50%); }

#sub0000_02 .cont .text_box strong { display: flex; justify-content: center; align-items: center; margin: 0 auto 20px; width: 190px; height: 65px; border-radius: 5px; background-color: #002E83; }
#sub0000_02 .cont .text_box strong { font-size: 30px; font-weight: 900; color: #fff; }
#sub0000_02 .cont .text_box p { font-size: 30px; font-weight: 400; line-height: 1.3; text-align: center; }

#sub0000_02 .cont { display: flex; justify-content: center; align-items: flex-start; gap: 25px; }
#sub0000_02 .cont .left { transform: translateY(105px); }
#sub0000_02 .cont .center .round { position: relative; width: 525px; aspect-ratio: 1 / 1; margin-bottom: 40px; border: 7px solid #002E83; border-radius: 50%; }
#sub0000_02 .cont .center .round .logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 350px; aspect-ratio: 45 / 36; }
#sub0000_02 .cont .center .round .logo img { display: block; width: 100%; height: 100%; object-fit: cover; }
#sub0000_02 .cont .right { transform: translateY(230px); } 
#sub0000_02 .cont .right p:first-of-type { font-family: 'InkLiquid'; font-size: 35px; }




#sub0000_03 {  padding: 190px 0 165px; }
#sub0000_03 h2 { font-size: 80px; font-weight: 700; letter-spacing: -0.06em; text-align: center; }
#sub0000_03 h3 { margin-bottom: 90px; font-size: 95px; font-weight: 900; color: #E48396; letter-spacing: 0.03em; text-align: center; }

#sub0000_03 ul { position: relative; display: flex; flex-direction: column; }
#sub0000_03 ul li { position: sticky; top: 69px; display: flex; width: 100%; height: auto; }
#sub0000_03 ul li > div { width: 50%; height: calc(100dvh - 69px); }

#sub0000_03 ul li .txt_box { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #fff /* #ECF2F2 */; }
#sub0000_03 ul li .txt_box > div { transform: translateY(-75px); text-align: left; }
#sub0000_03 ul li:last-child .txt_box > div { transform: unset; }
#sub0000_03 ul li .txt_box > div h4 { margin-bottom: 15px; font-size: 50px; font-weight: 700; }
#sub0000_03 ul li .txt_box > div strong { display: block; margin-bottom: 25px; font-size: 30px; font-weight: 500; }
#sub0000_03 ul li .txt_box > div p { font-size: 20px; font-weight: 400; color: #9a9a9a; line-height: 1.48; }
#sub0000_03 ul li .img_box img { display: block; width: 100%; height: 100%; object-fit: cover; }

#sub0000_03 ul li:nth-child(even) .txt_box > div { text-align: right; }
#sub0000_03 ul li:nth-child(even) .img_box { order: -1; }




#sub0000_04 { padding: 170px 180px 120px; }
#sub0000_04 > h2 { font-size: 80px; font-weight: 700; letter-spacing: -0.06em; text-align: center; }
#sub0000_04 > h3 { margin-bottom: 90px; font-size: 95px; font-weight: 900; color: #E48396; letter-spacing: 0.03em; text-align: center; }

#sub0000_04 .doctor_slide { width: 100%; padding-bottom: 30px; }
#sub0000_04 .doctor_slide .slide a { display: block; width: 100%; height: auto; color: #000; line-height: 1; }
#sub0000_04 .doctor_slide .slide a .img_box { width: 100%; aspect-ratio: 37 / 42; overflow: hidden; }
#sub0000_04 .doctor_slide .slide a .img_box img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }

#sub0000_04 .doctor_slide .slide a .txt_box { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 100%; height: 270px; padding-bottom: 40px; background-color: #fff; box-sizing: border-box; }
#sub0000_04 .doctor_slide .slide a .txt_box strong { display: block; font-size: 25px; font-weight: 300; letter-spacing: -0.01em; }

#sub0000_04 .doctor_slide .slide a .txt_box:has(.sub_txt) strong { margin-bottom: 8px; }
#sub0000_04 .doctor_slide .slide a .txt_box:not(:has(.sub_txt)) strong { margin-bottom: 18px; }

#sub0000_04 .doctor_slide .slide a .txt_box p.sub_txt { margin-bottom: 13px; font-size: 18px; font-weight: 500; color: #E48698; }
#sub0000_04 .doctor_slide .slide a .txt_box h3 { margin-bottom: 10px; font-size: 50px; font-weight: 900; }
#sub0000_04 .doctor_slide .slide a .txt_box h3 span { font-size: 34px; font-weight: 600; }
#sub0000_04 .doctor_slide .slide a .txt_box p.eng { margin-bottom: 10px; font-size: 25px; font-weight: 400; letter-spacing: -0.01em; }
#sub0000_04 .doctor_slide .slide a .txt_box > span { display: flex; justify-content: center; align-items: center; width: 142px; height: 43px; background-color: #E48698; }
#sub0000_04 .doctor_slide .slide a .txt_box > span { font-size: 21px; font-weight: 300; color: #fff; }

#sub0000_04 .doctor_slide .pagination { top: unset; bottom: 0; }
#sub0000_04 .doctor_slide .btn_next { right: 3%; transform: translateY(-50%); }
#sub0000_04 .doctor_slide .btn_prev { left: 3%; transform: translateY(-50%); }




#sub0000_05 { padding: 20px 0 125px; }
#sub0000_05 .inner { width: 1492px; margin: 0 auto; }
#sub0000_05 .inner .img_wrap { width: 100%; aspect-ratio: 917 / 461; }
#sub0000_05 .inner .img_wrap img { display: block; width: 100%; height: 100%; object-fit: cover; }
#sub0000_05 .inner .cont_list { display: flex; gap: 18px; width: 100%; }
#sub0000_05 .inner .cont_list li { width: calc((100% - 54px) / 4); border: 1px solid #000; background-color: #fff; box-sizing: border-box; }
#sub0000_05 .inner .cont_list li .txt_box { width: 100%; margin-bottom: 20px; padding-top: 65px; text-align: center; }
#sub0000_05 .inner .cont_list li .txt_box h3 { margin-bottom: 18px; font-size: 55px; font-weight: 900; line-height: 1; }
#sub0000_05 .inner .cont_list li .txt_box h3 span { color: #E48396; }
#sub0000_05 .inner .cont_list li .txt_box h3 span.long { font-size: 45px; }
#sub0000_05 .inner .cont_list li .txt_box p { font-size: 16px; font-weight: 400; line-height: normal; }
#sub0000_05 .inner .cont_list li .img_box { width: 100%; aspect-ratio: 742 / 346; }
#sub0000_05 .inner .cont_list li .img_box img { display: block; width: 100%; height: 100%; object-fit: cover; }





#sub0000_06 { padding: 135px 0 0; background-color: #000 !important; }
#sub0000_06 > h2 { font-size: 80px; font-weight: 700; color: #fff; text-align: center; letter-spacing: -0.06em; }
#sub0000_06 > h3 { margin-bottom: 75px; font-size: 95px; font-weight: 900; color: #E48396; text-align: center; letter-spacing: 0.03em; }




#sub0000_07 { padding: 155px 135px 45px; line-height: 1; }
#sub0000_07 > h2 { margin-bottom: 35px; font-size: 30px; font-weight: 300; text-align: center; letter-spacing: 0.11em; }
#sub0000_07 > h3 { margin-bottom: 85px; font-size: 95px; font-weight: 900; text-align: center; letter-spacing: -0.05em; }
#sub0000_07 > h3 span { font-weight: 300; letter-spacing: 0.06em; }

#sub0000_07 .cont_wrap {}
#sub0000_07 .cont_wrap .img_list { display: flex; gap: 25px; }
#sub0000_07 .cont_wrap .img_list li { width: calc((100% - 75px) / 4); aspect-ratio: 79 / 115; background-color: skyblue; }
#sub0000_07 .cont_wrap .img_list li img { display: block; width: 100%; height: 100%; object-fit: cover; }

#sub0000_07 .cont_wrap .txt_box { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px; transform: translateY(-105px); width: 965px; height: 610px; margin: 0 auto; background-color: rgba(244, 244, 244, 0.9); z-index: 2; }
#sub0000_07 .cont_wrap .txt_box strong { display: block; font-size: 25px; font-weight: 300; text-align: center; letter-spacing: 0.16em; }
#sub0000_07 .cont_wrap .txt_box h2 { font-size: 95px; font-weight: 900; line-height: 1.1; text-align: center; letter-spacing: 0.05em; }
#sub0000_07 .cont_wrap .txt_box p { font-size: 32px; font-weight: 400; line-height: 1.375; text-align: center; letter-spacing: 0.07em; }




#sub0000_08 { display: flex; justify-content: center; align-items: center; gap: 80px; padding: 125px 0 105px; }
#sub0000_08 .left { width: 600px; }
#sub0000_08 .left h2 { margin-bottom: 25px; font-size: 65px; font-weight: 900; letter-spacing: -0.05em; text-align: center; }
#sub0000_08 .left .map_box { margin-bottom: 20px; width: 100%; aspect-ratio: 3 / 2; overflow: hidden; }
#sub0000_08 .left .map_box .root_daum_roughmap { width: 100%; height: 100%; }
#sub0000_08 .left .map_box .root_daum_roughmap .wrap_map { width: 100%; height: 100%; }

#sub0000_08 .left p { font-size: 19px; color: #939393; }

#sub0000_08 .right { display: flex; flex-direction: column; gap: 75px; width: 580px; }
#sub0000_08 .right .time_box {}
#sub0000_08 .right .time_box h4 { margin-bottom: 20px; font-size: 29px; font-weight: 700; }
#sub0000_08 .right .time_box table { width: 100%; }
#sub0000_08 .right .time_box table * { padding: 25px 20px; font-size: 22px; text-align: left; }
#sub0000_08 .right .time_box table th { width: 170px; font-weight: 700; color: #fff; background-color: #E17E92; }
#sub0000_08 .right .time_box table td { width: calc(100% - 170px); font-weight: 400; color: #848282; border-left: 3px solid #fff; background-color: #F9F3F3; }
#sub0000_08 .right .time_box table tr + tr th,
#sub0000_08 .right .time_box table tr + tr td { border-top: 3px solid #fff; }

#sub0000_08 .right .call_box {}
#sub0000_08 .right .call_box h4 { margin-bottom: 15px; font-size: 29px; font-weight: 700; }
#sub0000_08 .right .call_box a { font-size: 70px; font-weight: 900; color: #000; line-height: 1; }