@charset "utf-8";

.intro1 .inner{display: flex; flex-wrap: wrap; align-items: center;}
.intro1 .lt{width: 50%;}
.intro1 .lt img{max-width: 735px; width: 100%;}
.intro1 .rt{width: 50%; color: #222;padding-left: 40px;}
.intro1 .rt h3{font-size: 3.5rem; color: #034f9f;}
.intro1 .rt h4{font-size: 2.8rem; margin: 20px 0 30px;line-height: 3.8rem;}
.intro1 .rt p{font-size: 2rem; margin-top: 20px; line-height: 3rem;}
.intro1 .rt p.name{font-size: 2.3rem; margin-top: 40px; font-weight: bold; text-align: right; margin-right: 30px;}
.intro1 .rt p.name span{font-family: 'ROEHOE-CHAN';font-size: 5.5rem; font-weight: normal;display: inline-block; margin-left: 20px;}

@media screen and (max-width:1480px){
    .intro1 .rt p{margin-top: 10px;}
    .intro1 .rt p br{display: none;}
    .intro1 .rt p.name{margin-top: 20px;}
}
@media screen and (max-width:1280px){
    .intro1 .rt h3{font-size: 3rem;}
    .intro1 .rt h4{font-size: 2.5rem; margin: 10px 0 20px; line-height: 3.5rem;}
    .intro1 .rt p{font-size: 1.8rem; line-height: 2.8rem;}
    .intro1 .rt p.name{font-size: 2rem; margin-right: 0;}
    .intro1 .rt p.name span{font-size: 5rem; margin-left: 10px;}
}
@media screen and (max-width:980px){
    .intro1 .lt{width: 100%; text-align: center;}
    .intro1 .rt{width: 100%; margin-top: 50px;}
    .intro1 .rt p br{display: block;}
}
@media screen and (max-width:680px){
    .intro1 .rt{padding: 0;}
    .intro1 .rt p br{display: none;}
}
@media screen and (max-width:480px){
    .intro1 .rt h3{font-size: 2.5rem;}
    .intro1 .rt h4{font-size: 2.3rem; margin: 5px 0 15px; line-height: 3.3rem;}
    .intro1 .rt p.name{font-size: 1.8rem; margin-top: 40px;}
    .intro1 .rt p.name span{font-size: 4rem; margin-left: 5px;}
}



#intro2 > .eng{margin-bottom: -20px; font-size: 12rem; color: #f0f5f9; line-height: 1; font-weight: 900; text-align: right; font-family: 'Montserrat';}
#intro2 .cont{padding-top: 50px; padding-inline:2%; display: flex; gap: 50px; justify-content: center; align-items: flex-end; background-color: #f0f5f9;}
#intro2 .cont .txt{width: 930px;}
#intro2 .cont .txt .top .dp{color: #034f9f; font-size: 2.4rem; font-weight: 600;}
#intro2 .cont .txt .top .name{display: inline-block; position: relative; margin-top: 30px; font-family: 'GoyangDeogyang'; font-size: 6rem; color: #000; z-index: 10;}
#intro2 .cont .txt .top .name:before{content: ''; position: absolute; width: 105%; height: 40%; background-color: #73a9d37d; bottom: 0px; left: 50%; transform: translateX(-50%);z-index: -1;}
#intro2 .cont .txt .top .name span{font-size: 3.0rem;}
#intro2 .cont .txt .mid{margin: 80px auto 50px; width: 95%;}
#intro2 .cont .txt .mid ul {position: relative; text-align: center;}
#intro2 .cont .txt .mid ul:before{content: '['; position: absolute; font-family: 'GoyangDeogyang'; color: #b7dfff; left: 0%; top: 50%; transform: translateY(-50%); font-size: 8.0rem;opacity: 0.5;}
#intro2 .cont .txt .mid ul:after{content: ']'; position: absolute; font-family: 'GoyangDeogyang'; color: #b7dfff; right: 0%; top: 50%; transform: translateY(-50%); font-size: 8.0rem;  opacity: 0.5;}
#intro2 .cont .txt .mid ul li{font-family: 'GoyangDeogyang'; font-size: 3.5rem; color: #141414; margin-bottom: 0.5em;}
#intro2 .cont .txt .mid ul li span{color: #034f9f; }
#intro2 .cont .txt .btm{display: flex; justify-content: space-between; padding: 50px; background-color: #fff; color: #222;}
#intro2 .cont .txt .btm > div{width: 48%;}
#intro2 .cont .txt .btm ul { margin-bottom: 50px;}
#intro2 .cont .txt .btm ul:last-child{margin-bottom: 0;}
#intro2 .cont .txt .btm ul li{position: relative; padding-left: 0.7em; margin-bottom: 0.6em; font-size: 2rem;}
#intro2 .cont .txt .btm ul li:before{content: ''; position: absolute; left: 0; top: 0.5em; width: 4px; height: 4px; background-color: #999; border-radius: 50%;}
#intro2 .cont .img{width: 640px; position: relative; z-index: 3; text-align: right; margin-top: -100px;}
#intro2 .cont .img:before{content: ''; position: absolute; left:0; top: 0; width: 473px; height: 526px; background:url('/images/sub/intro2_logo.png')no-repeat center center; z-index: -1;}

@media all and (max-width:1570px){
    #intro2 .cont .txt .mid{width: 100%;}
}
@media all and (max-width:1480px){
    #intro2 .cont .txt .mid ul li{font-size: 2.8rem; padding-inline:40px;}
}
@media all and (max-width:1280px){
    #intro2 > .eng{text-align: center; font-size: 10rem;}
    #intro2 .cont{flex-direction: column; align-items: center;}
    #intro2 .cont .txt{margin-top: 0px; width: 100%; max-width: 900px;}
    #intro2 .cont .txt .mid{margin: 50px auto 50px;}
    #intro2 .cont .txt .btm{}
    #intro2 .cont .img{text-align: center; width: 100%; max-width: 600px; margin-top: 0;}
    #intro2 .cont .img img{max-width: 100%;}
}
@media all and (max-width:976px){
    #intro2 .cont .txt .btm{padding: 30px;}
    #intro2 > .eng{text-align: center; font-size: calc(3rem + 6vw);}
}
@media all and (max-width:767px){
    #intro2{margin-top: 60px;}
    #intro2 > .eng{margin-bottom: -10px; font-size: calc(2rem + 6vw);}
    #intro2 .cont .img img{width: 75%; max-width: 350px;}
    #intro2 .cont .img:before{background-size: contain; width: 80%; right: auto; left: 50%; transform: translateX(-50%);}
    #intro2 .cont .txt .mid ul li{font-size: 2.5rem; margin-bottom: 0.3em; padding-inline:10px;}
    #intro2 .cont .txt .top .dp{font-size: 2rem;}
    #intro2 .cont .txt .btm{padding: 20px;}
}
@media all and (max-width:480px){
    #intro2 .cont .txt{margin-top: -150px; padding-top: 1em; position: relative; z-index: 10; background-color: #f7f7f7;}
    #intro2 .cont .txt .top{text-align: center;}
    #intro2 .cont .txt .top .name{margin-top: 10px; font-size: 4rem;}
    #intro2 .cont .txt .mid{margin: 30px auto;}
    #intro2 .cont .txt .mid ul{padding-inline:3%;}
    #intro2 .cont .txt .mid ul li{font-size: 2.3rem;}
    #intro2 .cont .txt .mid ul:before,
    #intro2 .cont .txt .mid ul:after{font-size: 6.0rem;}
    #intro2 .cont .txt .btm{padding: 14px; display: block;}
    #intro2 .cont .txt .btm > div{width: 100%;}
    #intro2 .cont .txt .btm ul{margin-bottom: 20px;}
    #intro2 .cont .txt .btm ul li{font-size: 1.6rem;}
}


#intro3{}
#intro3 .cont{display: flex; justify-content: space-between; gap:40px; align-items: center; }
#intro3 .cont .r_cont{width: 50%; padding-right: 40px;}
#intro3 .cont .r_cont .m_txt{margin-bottom: 30px;}
#intro3 .cont .r_cont .info{}
#intro3 .cont .r_cont .info > div{margin-top: 30px;}
#intro3 .cont .r_cont .info .tel{display: flex; align-items: center;}
#intro3 .cont .r_cont .info .tel h4{color: #222; font-size: 25px;}
#intro3 .cont .r_cont .info .tel h3{font-size: 40px; color: #004e9f; line-height: .85em; margin-left: 20px; font-family: 'GoyangDeogyang';}
#intro3 .cont .r_cont .info .adress{}
#intro3 .cont .r_cont .info .adress h3{font-weight: 600; font-size: 20px; color: #222;}
#intro3 .cont .r_cont .info .adress p{font-size: 18px; color: #222; opacity: 0.7; font-weight: 300; margin-top: 5px;}
#intro3 .cont .r_cont .info .time{}
#intro3 .cont .r_cont .info .time h3{font-size: 25px; font-weight: 600; color: #000;}
#intro3 .cont .r_cont .info .time dl{margin-top: 15px; display: flex; flex-wrap: wrap; font-size: 20px; color: #222; gap:10px 0;}
#intro3 .cont .r_cont .info .time dl dt{ opacity: 0.85; width: 90px;}
#intro3 .cont .r_cont .info .time dl dd{width: calc(100% - 90px); font-weight: 600;}
#intro3 .cont .r_cont .info .time p{font-size: 18px; color: #222; opacity: 0.7; margin-top: 15px; font-weight: 300;}
#intro3 .cont .r_cont .info .time p + p{margin-top: 5px;}
#intro3 .cont .r_cont .info .index{}
#intro3 .cont .r_cont .info .index h3{font-size: 25px; font-weight: 600; color: #000;}
#intro3 .cont .r_cont .info .index ul{display: flex; gap:6px 3px; margin-top: 10px; flex-wrap: wrap; font-weight: bold;}
#intro3 .cont .r_cont .info .index ul li{border: 2px solid #415d84; line-height: 35px; color: #1b4075; border-radius: 20px; font-size: 18px; padding: 0 20px;}

#intro3 .cont .l_cont{width: 50%;}
#intro3 .cont .l_cont img{max-width: 100%;}
#intro3 .tab_box{background-color: #f3f3f3; border-radius: 10px; padding: 10px; display: flex; justify-content: center; gap:20px;}
#intro3 .tab_box li{font-size: 16px; font-weight: 600;line-height: 48px; color: #999; cursor: pointer;}
#intro3 .tab_box li.on{background-color: #1b4075;  color: #fff;  border-radius: 5px; padding: 0 25px; }
#intro3 .tabcontent{margin-top: 40px; display: none;}
#intro3 .tabcontent.on{display: block;}
#intro3 .tabcontent .boxs{display: flex;justify-content: space-between;}
#intro3 .tabcontent .boxs .box{width: 100%; position: relative; padding-top: 30px; border-top: 1px solid #eee;}
#intro3 .tabcontent .boxs .box::before{content: ''; position: absolute; top: -4px; left: 0; width: 8px; height: 8px; border-radius: 100%; background-color: #1b4075;}
#intro3 .tabcontent .boxs .box .tit{}
#intro3 .tabcontent .boxs .box .tit h4{color: #1b4075; font-weight: 600; font-size: 16px;}
#intro3 .tabcontent .boxs .box .tit h3{margin-top: 10px; font-size: 20px; font-weight: 700; color: #000;}
#intro3 .tabcontent .boxs .box .text{margin-top: 20px;}
#intro3 .tabcontent .boxs .box .text p{font-size: 17px; color: #666; font-weight: 300; line-height: 1.6em; word-break: keep-all; padding-right: 30px;}

@media all and (max-width:1280px){
	#intro3 .cont .r_cont .info .tel h4{font-size: 23px;}
	#intro3 .cont .r_cont .info .tel h3{font-size: 28px; margin-left: 10px;}
	#intro3 .cont .r_cont .info .adress h3{font-size: 23px;}
	#intro3 .cont .r_cont .info .adress p{font-size: 17px; margin-top: 4px;}
	#intro3 .cont .r_cont .info .time h3{font-size: 23px;}
	#intro3 .cont .r_cont .info .time dl{font-size: 17px;}
	#intro3 .cont .r_cont .info .time p{font-size: 15px; margin-top: 12px;}
	#intro3 .cont .r_cont .info .index ul li{font-size: 16px; padding: 0 18px;}
	#intro3 .tabcontent .boxs .box{padding-top: 25px;}
	#intro3 .tabcontent .boxs .box .tit h3{font-size: 18px;}
	#intro3 .tabcontent .boxs .box .text{margin-top: 10px;}
	#intro3 .tabcontent .boxs .box .text p{font-size: 16px; padding-right: 15px;}
}
@media all and (max-width:1024px){
	#intro3 .cont .r_cont .info .tel h4{font-size: 18px;}
	#intro3 .cont .r_cont .info .tel h3{font-size: 26px; margin-left: 6px;}
	#intro3 .cont .r_cont .info .adress h3{font-size: 18px;}
	#intro3 .cont .r_cont .info .time h3{font-size: 18px;}
}
@media all and (max-width:768px){
	#intro3 .cont{flex-direction: column-reverse;}
	#intro3 .cont .r_cont{width: 100%; order: 1;}
	#intro3 .cont .r_cont .m_txt{margin-bottom: 40px;}
	#intro3 .cont .r_cont .info > div{margin-top: 30px;}
	#intro3 .cont .r_cont .info .tel h4{font-size: 17px;}
	#intro3 .cont .r_cont .info .tel h3{font-size: 24px; }
	#intro3 .cont .r_cont .info .adress h3{font-size: 17px;}
	#intro3 .cont .r_cont .info .adress p{font-size: 16px; margin-top: 3px;}
	#intro3 .cont .r_cont .info .time h3{font-size: 17px;}
	#intro3 .cont .r_cont .info .time dl{font-size: 16px;}
	#intro3 .cont .r_cont .info .time p{font-size: 14px; margin-top: 10px;}
	#intro3 .cont .r_cont .info .index ul li{font-size: 14px; line-height: 35px; padding: 0 15px;}
	#intro3 .cont .l_cont{width: 100%; order: 2;}
	#intro3 .tab_box{padding: 8px; gap:16px;}
	#intro3 .tab_box li{font-size: 15px; line-height: 44px;}
	#intro3 .tab_box li.on{padding: 0 20px;}
	#intro3 .tabcontent .boxs{flex-direction: column;}
	#intro3 .tabcontent .boxs .box{border-top: 0; border-left: 1px solid #eee; padding-left: 25px; padding-top: 0;}
	#intro3 .tabcontent .boxs .box + .box{padding-top: 30px;}
	#intro3 .tabcontent .boxs .box:nth-child(1)::before{top: 0px; left: -4px;}
	#intro3 .tabcontent .boxs .box::before{top: 35px; left: -4px;}
	#intro3 .tabcontent .boxs .box .tit h3{font-size: 17px;}
	#intro3 .tabcontent .boxs .box .text p{font-size: 15px; padding-right: 0px;}
}
@media all and (max-width:500px){
	#intro3 .cont .r_cont .info .tel h4{font-size: 18px;}
	#intro3 .cont .r_cont .info .tel h3{font-size: 25px;}
	#intro3 .cont .r_cont .info .adress h3{font-size: 18px;}
	#intro3 .cont .r_cont .info .adress p{font-size: 16px;}
	#intro3 .cont .r_cont .info .time h3{font-size: 18px;}
	#intro3 .cont .r_cont .info .time dl{font-size: 16px;}
}

.intro4 ul{display: flex; flex-wrap: wrap; gap: 30px; color: #222;}
.intro4 li{width: calc(100%/4 - 90px/4); text-align: center;}
.intro4 li .img{width: 100%; background: #f3f3f3;}
.intro4 li .img img{width: 100%;}
.intro4 li .txt{padding: 20px;}
.intro4 li h3{font-size: 3rem; font-family: 'GoyangDeogyang';}
.intro4 li h4{font-size: 2rem; margin: 10px 0 20px; color: #034f9f; padding-bottom: 20px; border-bottom: 1px solid rgba(3,79,159, 0.3);}
.intro4 li p{font-size: 1.8rem; line-height: 2.8rem;}

@media screen and (max-width:1480px){
    .intro4 li{width: calc(100%/3 - 60px/3);}
}
@media screen and (max-width:1280px){
    .intro4 li h3{font-size: 2.8rem;}
    .intro4 li h4{font-size: 1.8rem;}
    .intro4 li p{font-size: 1.6rem;}
}
@media screen and (max-width:880px){
    .intro4 li{width: calc(100%/2 - 30px/2);}
}
@media screen and (max-width:560px){
    .intro4 li{width: 100%;}
}


.intro6 .s-inner .map_box{height: 540px;}
.intro6 .s-inner .map_info{margin-top: 30px; display: flex; justify-content: space-between; align-items: flex-end;}
.intro6 .s_txt h3{font-family: 'GoyangDeogyang'; font-size: 4rem; font-weight: 600; color: #222;}
.intro6 .s_txt h3 span{color: #1b4075;}
.intro6 .s_txt h4{font-size: 3rem; color: #fff; margin-top: 10px; position: relative;display: inline-block; background: #004e9f; padding: 5px 30px; border-radius: 100px;}
.intro6 .map_bg{background-color: #f0f5f9; padding: 80px 0; margin-top: 80px;}

@media all and (max-width:1280px){
    .intro6 .s-inner .map_box{height: 480px;}
    .intro6 .s_txt h3{font-size: 3rem;}
    .intro6 .s_txt h4{font-size: 17px;}
}
@media all and (max-width:1024px){
	.intro6 .s-inner .map_box{height: 420px;}
}
@media all and (max-width:768px){
	.intro6 .s-inner .map_box{height: 360px;}
	.intro6 .s-inner .map_info{margin-top: 20px; flex-direction: column; align-items: center; gap:30px;}
	.intro6 .s-inner .map_info .r_cont{width: 100%;}
	.intro6 .map_bg{margin-top: 60px; padding-top: 60px;}
    .intro6 .s_txt{margin-bottom: 10px;}
    .intro6 .s_txt h4{font-size: 18px; margin-top: 12px;}
}
@media all and (max-width:500px){
	.intro6 .s-inner .map_box{height: 300px;}
}

.btn_box{display: inline-flex; gap: 8px; flex-wrap: wrap;}
.btn_box a.btn{display: inline-block; line-height: 58px;}
.btn_box a.btn + a.btn{}
.btn_box a.btn1{font-weight: 600; font-size: 20px; color: #fff; background-color: #004e9f; padding: 0 35px; border-radius: 10px;}
.btn_box a.btn2{font-weight: 600; font-size: 20px; color: #fff; color: #004e9f; border: 1px solid #004e9f; padding: 0 35px; border-radius: 10px;}

@media all and (max-width:1280px){
    .btn_box a.btn{line-height: 56px;}
	.btn_box a.btn1{font-size: 18px; border-radius: 9px; padding: 0 30px;}
	.btn_box a.btn2{font-size: 18px; border-radius: 9px; padding: 0 30px;}
}
@media all and (max-width:1024px){
    .btn_box a.btn{line-height: 54px;}
	.btn_box a.btn1{font-size: 16px; border-radius: 8px; padding: 0 26px;}
	.btn_box a.btn2{font-size: 16px; border-radius: 8px; padding: 0 26px;}
}
@media all and (max-width:768px){
    .btn_box{width: 100%;}
	.btn_box a.btn{line-height: 52px;width: calc(100%/2 - 5px); text-align: center;}
	.btn_box a.btn1{border-radius: 7px; padding: 0 22px;}
	.btn_box a.btn2{border-radius: 7px; padding: 0 22px;}
}
@media all and (max-width:500px){
	.btn_box a.btn{line-height: 50px;}
	.btn_box a.btn1{padding: 0 14px; border-radius: 6px;}
	.btn_box a.btn2{border-radius: 6px; padding: 0 14px;}
}


.d_cont{display: flex;}
.d_cont + .d_cont{margin-top: 100px;}
.d_cont .l_cont{width: 30%;}
.d_cont .l_cont h3{font-size:3.5rem;  color: #004e9f; word-break: keep-all; font-family: 'GoyangDeogyang';}
.d_cont .r_cont{width: 70%;}
.d_cont .r_cont .title{margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #ddd;}
.d_cont .r_cont .title h3{font-size: 25px; color: #222; font-weight: 600; word-break: keep-all;font-family: 'GoyangDeogyang';}
.d_cont .r_cont .cont{display: flex;}
.d_cont .r_cont .cont + .cont{margin-top: 10px;}
.d_cont .r_cont .cont .tit{width: 140px;}
.d_cont .r_cont .cont .tit h3{font-size: 20px; color: #333; font-weight: 600; word-break: keep-all;}
.d_cont .r_cont .cont .text{width: calc(100% - 140px);}
.d_cont .r_cont .cont .text p{font-size: 20px; color: #666; font-weight: 300; word-break: keep-all;}

@media all and (max-width:1280px){
	.d_cont + .d_cont{margin-top: 120px;}
	.d_cont .l_cont h3{font-size: 3rem;}
	.d_cont .r_cont .title{margin-bottom: 15px; padding-bottom: 15px;}
	.d_cont .r_cont .title h3{font-size: 23px;}
	.d_cont .r_cont .cont + .cont{margin-top: 8px;}
	.d_cont .r_cont .cont .tit{width: 120px;}
	.d_cont .r_cont .cont .tit h3{font-size: 18px;}
	.d_cont .r_cont .cont .text{width: calc(100% - 120px);}
	.d_cont .r_cont .cont .text p{font-size: 18px;}
}
@media all and (max-width:768px){
    .d_cont{flex-direction: column;}
	.d_cont + .d_cont{margin-top: 80px;}
	.d_cont .l_cont{width: 100%; margin-bottom: 0px;}
	.d_cont .r_cont{width: 100%;}
    .d_cont .r_cont .title{margin-top: 20px !important;}
	.d_cont .r_cont .title h3{font-size: 20px;}
    .d_cont .r_cont .cont .text p{font-size: 16px;}
}


.clinic_top{width: 100%; color: #222;margin-bottom: 80px;}
.clinic_top .img{width: 100%; height: 400px; border-radius: 20px; overflow: hidden;position: relative;}
.clinic_top .img img{  position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.clinic_top .txt{padding: 50px;}
.clinic_top .txt .info{font-size: 4.5rem;font-family: 'InkLipquid'; font-weight: normal; position: relative; display: inline-block;z-index: 1;}
.clinic_top .txt .info:after{width: 105%; height: 30%; content: ''; position: absolute; top: 60%; left: 50%; transform: translateX(-50%); background: #e6f2ff;  z-index: -1;}
.clinic_top .txt h3{font-size: 5.5rem; font-family: 'GoyangDeogyang'; margin: 20px 0;color: #004e9f;}
.clinic_top .txt .eng{font-size: 2rem; font-family: 'Montserrat'; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 900; opacity: 0.4;color: #004e9f;}
.clinic_top .txt p{font-size: 2.3rem;margin-top: 20px; line-height: 3.3rem;}

@media all and (max-width:1280px){
    .clinic_top{margin-bottom: 60px;}
    .clinic_top .img{border-radius: 10px; height: 350px;}
    .clinic_top .txt{padding: 30px;}
    .clinic_top .txt .info{font-size: 4rem;}
    .clinic_top .txt h3{font-size: 4.5rem;}
    .clinic_top .txt .eng{font-size: 1.8rem;}
    .clinic_top .txt p{font-size: 2rem;}
}
@media all and (max-width:680px){
    .clinic_top{margin-bottom: 40px;}
    .clinic_top .img{height: 300px;}
    .clinic_top .txt{padding: 20px;}
    .clinic_top .txt .info{font-size: 3rem;}
    .clinic_top .txt h3{font-size: 4rem;}
    .clinic_top .txt .eng{font-size: 1.6rem;}
    .clinic_top .txt p{font-size: 1.8rem;line-height: 2.8rem;}
    .clinic_top .txt p br{display: none;}
}
@media all and (max-width:480px){
    .clinic_top{margin-bottom: 20px;}
    .clinic_top .img{height: 250px;}
    .clinic_top .txt h3{font-size: 3.5rem; margin: 10px 0;}
    .clinic_top .txt .eng{font-size: 1.2rem;}
}


.c_bg{background: #f0f5f9;overflow: hidden;}
.s_txt{text-align: center;margin-bottom: 70px;}
.s_txt h3{font-size: 5rem; font-family: 'GoyangDeogyang';}
.s_txt h3 span{color: #004e9f;}
.s_txt p{font-size: 2rem; color: #666; margin-top: 20px; line-height:3rem;}

@media all and (max-width:1280px){
    .s_txt{margin-bottom: 50px;}
    .s_txt h3{font-size: 4.5rem;}
    .s_txt p{font-size: 1.8rem; line-height: 2.8rem;}
}
@media all and (max-width:680px){
    .s_txt{margin-bottom: 40px;}
    .s_txt h3{font-size: 3.5rem;}
}
@media all and (max-width:480px){
    .s_txt{margin-bottom: 30px;}
    .s_txt h3{font-size: 3.2rem;}
    .s_txt p{font-size: 1.7rem; line-height: 2.6rem;margin-top: 10px;}
}


.know ul{width: 100%; display: flex;justify-content: space-evenly;position: relative; text-align: center;z-index: 1;}
.know ul:after{content: ''; width: 130%; height: 0.1px; background: #7fa6cf;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);z-index: -1;}
.know.w2 ul{justify-content: center;gap:50px;}
.know ul li{ font-size: 2.3rem; width: 250px; height: 250px; background: #fff; border-radius: 10px; display: flex;flex-direction: column; align-items: center; justify-content: center;}
.know ul li h4{margin-bottom: 20px; font-family: 'Montserrat'; font-size: 2.5rem;color: #004e9f;opacity: 0.5;}

@media all and (max-width:1280px){
    .know ul li{width: 20vw; height: 20vw; font-size: 2rem;}
}
@media all and (max-width:880px){
    .know.w2 ul{gap:20px;}
    .know ul{flex-wrap: wrap; gap: 20px;justify-content: center;}
    .know ul:after{display: none;}
    .know ul li{width: 35vw; height: 35vw;}
}
@media all and (max-width:680px){
    .know ul li{width: 40vw; height: 40vw; font-size: 1.8rem;}
    .know ul li h4{margin-bottom: 10px; font-size: 2.3rem;}
}

#checkList {display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center;}
#checkList li {padding:2.5em 1.7em; background:#f0f5f9; border-radius:100px; position:relative;}
#checkList li:before {content:''; width:24px; height:24px; background:url('/images/sub/check-icon.png') no-repeat left center; position:absolute; left:2.5em; top:50%; transform:translateY(-50%)}
#checkList li p {padding-left:2.5em; font-size:2.1rem}
#checkList.w50 {gap:10px}
#checkList.w50 li {width:calc((100% - 10px *1)/2)}
#checkList.bg li {background:#fff;}

@media all and (max-width:1024px) {	
    #checkList li {padding:2em 1.5em;}
    #checkList li:before { width:20px; height:20px; background-size:cover}
    #checkList li p {font-size:1.9rem}
	#checkList.w50 {gap:5px 0}
	#checkList.w50 li {width:100%}
}
@media all and (max-width:480px) {	
    #checkList li {padding:1.5em 1em;}
	#checkList li:before {width:4.3vw; height:4.3vw;left: 2em;}
    #checkList li p {font-size:1.7rem}
}


#howto {background-size:cover; background-position:center top; color:#FFF}
#howto .s_txt p{color: #ddd;}
#howto .cont {display:flex; flex-wrap:wrap; text-align:center;}
#howto .cont li {padding:50px 30px; padding-top:0; background:rgba(3,79,159,0.85)}
#howto .cont li .num {margin-bottom:1.5em; padding:0.2em 0.7em; font-size:2.0rem; background:#0072bf; color:#FFF; display:inline-block;	font-family:'Montserrat'; font-weight: 700;}
#howto .cont li dl dt {font-size:3.3rem; line-height:1.3em; font-family: 'GoyangDeogyang';}
#howto .cont li dl dd {margin-top:10px; padding-top:35px; font-size:2rem; line-height:1.6em; position:relative}
#howto .cont li dl dd:before {content:''; width:1px; height:20px; background:rgba(255,255,255,0.1); position:absolute; left:50%; top:0;}
#howto .br480 {display:none}

#howto .cont.w3 {gap:20px}
#howto .cont.w3 li {width:calc((100% - 20px *2)/3)}

#howto .cont.w4 {gap:20px}
#howto .cont.w4 li {width:calc((100% - 20px *3)/4)}

#howto .cont.w5 {gap:20px}
#howto .cont.w5 li {width:calc((100% - 20px *4)/5)}

#howto .cont.w6 {gap:20px}
#howto .cont.w6 li {width:calc((100% - 20px *2)/3)}


#howto.thyroid1-1 {background-image:url('/images/sub/thyroid1-1_bg.png')}
#howto.thyroid1-2 {background-image:url('/images/sub/thyroid1-2_bg.png')}
#howto.thyroid1-3 {background-image:url('/images/sub/thyroid1-3_bg.png')}
#howto.thyroid1-4 {background-image:url('/images/sub/thyroid1-4_bg.png')}

#howto.thyroid2-1 {background-image:url('/images/sub/thyroid2-1_bg.png')}
#howto.thyroid2-2 {background-image:url('/images/sub/thyroid2-2_bg.png')}
#howto.thyroid2-3 {background-image:url('/images/sub/thyroid2-3_bg.png')}
#howto.thyroid2-4 {background-image:url('/images/sub/thyroid2-4_bg.png')}

#howto.thyroid3-1 {background-image:url('/images/sub/thyroid3-1_bg.png')}
#howto.thyroid3-2 {background-image:url('/images/sub/thyroid3-2_bg.png')}
#howto.thyroid3-3 {background-image:url('/images/sub/thyroid3-3_bg.png')}

#howto.thyroid4 {background-image:url('/images/sub/thyroid4_bg.png')}

#howto.diabetes1-1 {background-image:url('/images/sub/diabetes1-1_bg.png')}

#howto.ultrasound2 {background-image:url('/images/sub/ultrasound2_bg.png')}
#howto.ultrasound3 {background-image:url('/images/sub/ultrasound3_bg.png')}
#howto.ultrasound4 {background-image:url('/images/sub/ultrasound4_bg.png')}

#howto.obesity1 {background-image:url('/images/sub/obesity1_bg.png')}

#howto.checkup1 {background-image:url('/images/sub/checkup1_bg.png')}
#howto.checkup3 {background-image:url('/images/sub/checkup3_bg.png')}

#howto.medicine1-2 {background-image:url('/images/sub/medicine1-2_bg.png')}

#howto.medicine2-1 {background-image:url('/images/sub/medicine2-1_bg.png')}
#howto.medicine2-2 {background-image:url('/images/sub/medicine2-2_bg.png')}
#howto.medicine2-3 {background-image:url('/images/sub/medicine2-3_bg.png')}
#howto.medicine2-4 {background-image:url('/images/sub/medicine2-4_bg.png')}

#howto.medicine3-1 {background-image:url('/images/sub/medicine3-1_bg.png')}
#howto.medicine3-2 {background-image:url('/images/sub/medicine3-2_bg.png')}
#howto.medicine3-3 {background-image:url('/images/sub/medicine3-3_bg.png')}
#howto.medicine3-4 {background-image:url('/images/sub/medicine3-4_bg.png')}
#howto.medicine3-5 {background-image:url('/images/sub/medicine3-5_bg.png')}
#howto.medicine3-6 {background-image:url('/images/sub/medicine3-6_bg.png')}


@media all and (max-width:1599px) {
    #howto .cont li dl dd br {display:none}
}
@media all and (max-width:1280px) {
    #howto .cont li {padding:5% 3%; padding-top:0; }
	#howto .cont.w3 {gap:10px}
	#howto .cont.w4 {gap:10px}
	#howto .cont.w4 li {width:calc((100% - 10px *1)/2)}
	#howto .cont.w5 {gap:10px}
	#howto .cont.w5 li {width:calc((100% - 20px *1)/2)}
	#howto .cont.w6 {gap:10px}
	#howto .cont.w6 li {width:calc((100% - 20px *1)/2)}
	#howto.clinic {background-position:28% top}
}
@media all and (max-width:880px) {	
    #howto .cont.w3 li {width:100%}
}
@media all and (max-width:640px) {	
    #howto .cont {padding:0 5%}
	#howto .cont li {padding:5%; padding-top:0; }
    #howto .cont li dl dt {font-size:2.5rem;}
    #howto .cont li dl dd {font-size: 1.8rem;}
	#howto .cont.w3 li {width:100%}
	#howto .cont.w4 {gap:10px 0}
	#howto .cont.w4 li {width:100%}
	#howto .cont.w5 {gap:10px 0}
	#howto .cont.w5 li {width:100%}
	#howto .cont.w6 {gap:10px 0}
	#howto .cont.w6 li {width:100%}
    
	#howto.implant {background-position:78% top}
}
@media all and (max-width:480px) {	
    #howto .cont li .num {margin-bottom:1.5em; font-size:1.5rem;}
	#howto .cont li dl dd {margin-top:5px; padding-top:20px; }
	#howto .cont li dl dd:before {height:10px; }
	#howto .br480 {display:block}
}


.supplies{text-align: center;}
.supplies .img{width: 70px; margin: 0 auto 30px;}
.supplies .img img{width: 100%;}
.supplies h3{font-size: 4rem; font-family: 'GoyangDeogyang'; font-weight: normal;line-height: 5rem;}
.supplies h3 span{font-weight: bold; color: #004e9f;}
.supplies p{margin-top: 20px; font-size: 2.3rem;color: #fff; background: #004e9f;padding: 5px 10px;display: inline-block;}

@media all and (max-width:680px){
    .supplies .img{width: 50px;}
    .supplies h3{font-size: 3.5rem;line-height: 4.5rem;}
    .supplies p{margin-top: 10px; font-size: 2rem;}
}
@media all and (max-width:480px){
    .supplies .img{margin-bottom: 20px;}
    .supplies h3{font-size: 3rem; line-height: 4rem;}
    .supplies p{line-height: 2.5rem;font-size: 1.8rem;margin-top: 20px;}
}


.event + .event{margin-top: 160px;}
.event .top{text-align: center;position: relative;}
.event .top .img{background: #000;height: 400px; width: 100%;}
.event .top .img img{  position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center; opacity: 0.4;}
.event .top .txt{position: absolute; width: 100%; height: 100%; color: #fff; top: 0;left: 0; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.event .top .txt p.t{font-family: 'InkLipquid';font-size: 4.5rem;}
.event .top .txt h3{font-family: 'GoyangDeogyang';font-size: 5.5rem;margin: 20px 0 30px;font-weight: normal;}
.event .top .txt p.date{font-size: 2.3rem; background: #004e9f; padding: 5px 30px; border-radius: 100px; font-weight: bold;}
.event .bot{margin-top: 50px;}
.event .bot ul{display: flex; flex-wrap: wrap;gap: 30px;}
.event .bot ul li{width: calc(100%/4 - 90px/4); background: #f0f5f9; padding: 30px 20px; text-align: center;}
.event .bot ul li .name{font-size: 2.5rem; font-family: 'GoyangDeogyang'; font-weight: normal; color: #004e9f; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #004e9f;}
.event .bot ul li .cont {display: flex;align-items: baseline;gap: 20px; justify-content: center;}
.event .bot ul li .cont .price {text-decoration: line-through;color: #888;font-size: 2.3rem; position: relative;}
.event .bot ul li .cont .price:after{  content: ''; position: absolute; top: 12%;right: -3px; width: 15px; height: 1px; background: #888; transform: rotate(45deg); transform-origin: left center; }
.event .bot ul li .cont .dc {color: #d32f2f;font-weight: bold;font-size: 3.5rem;}
.event .bot ul li .info{display: flex; font-size: 2rem; flex-wrap: wrap; align-items: center;justify-content: center;gap: 10px; margin-top: 20px;}
.event .bot ul li .info span{display: inline; background: #004e9f; padding: 5px 10px; color: #fff; border-radius: 100px;}
.event .bot ul li .info p{width: 100%; text-align: center; color: #222;}


@media all and (max-width:1480px){
    .event + .event{margin-top: 140px;}
    .event .bot ul li{padding: 30px 20px; width: calc(100%/3 - 90px/3);}
}
@media all and (max-width:1280px){
    .event + .event{margin-top: 120px;}
    .event .top .img{height: 300px;}
    .event .top .txt p.t{font-size: 3rem;}
    .event .top .txt h3{font-size: 4rem;}
    .event .top .txt p.date{font-size: 1.6rem;}
    .event .bot ul li .name{font-size: 1.8rem;}
    .event .bot ul li .info{font-size: 1.5rem; margin-top: 10px;}
    .event .bot ul li .cont .price {font-size: 1.6rem;}
    .event .bot ul li .cont .dc {font-size: 2.5rem;}
}
@media all and (max-width:980px){
    .event + .event{margin-top: 100px;}
    .event .bot{margin-top: 30px;}
    .event .bot ul{gap: 20px;}
    .event .bot ul li{width: calc(100%/2 - 40px/2);}
}
@media all and (max-width:580px){
    .event .bot ul li{width: 100%;}
}
@media all and (max-width:480px){
    .event + .event{margin-top: 80px;}
    .event .top .img{height: 250px;}
    .event .top .txt p.t{font-size: 3rem;}
    .event .top .txt h3{font-size: 3rem;margin: 10px 0 20px;}
    .event .top .txt p.date{font-size: 1.5rem;}
}


.braf{display: flex; align-items: center; justify-content: space-between; gap:0 60px;padding: 40px; background: #fff; border-radius: 10px;}
.braf .img{width: 24.5vw;}
.braf .img img{max-width: 100%;}
.braf .txt{width: calc(100% - 24.5vw - 60px);}
.braf .txt h3{color: #000; font-size: 40px; font-family: 'GoyangDeogyang';}
.braf .txt h4{margin: 10px 0 20px; color: #004e9f; font-size: 28px;}
.braf .txt p{font-size: 18px; line-height: 1.8em; color: #000; word-break: keep-all;}
.braf .txt p + p{margin-top: 10px;}
.braf .txt .check{border: 2px solid #1c60a2; margin-top: 30px; border-radius: 30px; padding: 15px; font-size: 20px; font-weight: 600; color: #000; position: relative; padding-left: 50px;}
.braf .txt .check::before{content: '\e5ca'; font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; position: absolute; top: 15px; left: 20px; color: #014d97;}


@media all and (max-width:1480px){
	.braf{margin-top: 70px; gap:0 50px;}
	.braf .img{width: 34vw;}
	.braf .txt{width: calc(100% - 34vw - 50px)}
	.braf .txt h3{font-size: 36px;}
	.braf .txt h4{font-size: 24px;}
	.braf .txt p{font-size: 17px;}
	.braf .txt .check{font-size: 18px; padding: 12px; padding-left: 40px;}
	.braf .txt .check::before{top: 10px; left: 15px;}
}
@media all and (max-width:976px){
	.braf{margin-top: 60px; gap:0 40px;}
	.braf .txt{width: calc(100% - 34vw - 40px)}
	.braf .txt h3{font-size: 32px;}
	.braf .txt h4{font-size: 22px;}
}
@media all and (max-width:640px){
	.braf{margin-top: 50px; flex-direction: column;padding: 20px;}
	.braf .img{width: 100%;}
	.braf .img img{width: 100%;}
	.braf .txt{width: 100%; margin-top: 30px;}
	.braf .txt h3{font-size: 28px;}
	.braf .txt h4{font-size: 20px;}
	.braf .txt p{font-size: 16px;}
	.braf .txt p + p{margin-top: 7px;}
	.braf .txt .check{margin-top: 20px;font-size: 16px;}
}
@media all and (max-width:480px){
    .braf{margin-top: 40px;}
	.braf .txt h3{font-size: 24px;}
}


#halfImg ul li {padding:3em 0; display:flex; align-items: center; border-top:6px solid #dbe6f1; }
#halfImg ul li:last-child {border-bottom:6px solid #dbe6f1 }
#halfImg ul li .imgWrap {width:500px}
#halfImg ul li .imgWrap img {width:100%; max-width:500px}
#halfImg ul li .contWrap {width:calc(100% - 500px); padding-left:5%}
#halfImg ul li .contWrap dl {margin-bottom:2.5em}
#halfImg ul li .contWrap dl dt { font-size:2.8rem; color:#004e9f; font-weight:normal; font-family: 'GoyangDeogyang';}
#halfImg ul li .contWrap dl dd { padding-top:1em; font-size:1.8rem;  line-height:1.6em;}

#halfImg ul li:nth-child(odd) .imgWrap {order:2}
#halfImg ul li:nth-child(odd) .contWrap {order:1; padding-right:5%; padding-left:0}

#bdList h4 {font-size:2.4rem; color:#143f74; font-weight:700; margin-bottom:0.5em}
#bdList ul {display:flex; align-items: center; gap:5px; flex-wrap:wrap}
#bdList ul li { font-size:1.8rem; padding:1em 1.5em; border-radius:60px; color:#143f74;  background:#f5fbfe; border:0; line-height:1.0em; font-weight:600 }
#bdList ul li:last-child {border:0;}

@media all and (max-width:1499px) {
	#halfImg ul li .imgWrap {width:400px}
	#halfImg ul li .contWrap {width:calc(100% - 400px); }
}
@media all and (max-width:1280px) {
	#halfImg ul li .imgWrap {width:300px}
	#halfImg ul li .contWrap {width:calc(100% - 300px); }
	#halfImg ul li .contWrap dl {margin-bottom:2em}

	#bdList ul li { padding:0.8em 1em;}
}
@media all and (max-width:976px) {
	#halfImg ul li { flex-wrap:wrap }
	#halfImg ul li .imgWrap {width:100%;  text-align:center}
	#halfImg ul li .contWrap {margin-top:2em; width:100%; padding-left:0 }

	#halfImg ul li:nth-child(odd) .imgWrap {order:1}
	#halfImg ul li:nth-child(odd) .contWrap {order:2; padding-right:0}
}
@media all and (max-width:480px) {
	#halfImg ul li {padding:2em 3%}
	#halfImg ul li .contWrap dl dt { font-size:2.6rem; }

	#bdList ul li { padding:0.8em 1em;}
}


.comm2_info{font-size: 2.5rem;line-height: 3.5rem; margin-bottom: 30px; background: rgba(16, 65, 166, 0.08); color: #222;padding: 30px 20px;font-family: 'GoyangDeogyang';}

@media all and (max-width:976px){
    .comm2_info{font-size: 2rem;line-height: 3rem;}
}
@media all and (max-width:700px){
    .comm2_info br{display: none;}
}
@media all and (max-width:480px){
    .comm2_info{font-size: 1.8rem;}
}