/* common */
.subpage { overflow: hidden; position:relative; padding: 100px 0;}
.sub_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 50px; }


/* font size */
.fs_55 {font-size: 55px; font-weight: 600; color:#000; letter-spacing: -1.1px; line-height: 1.18; font-family: 'AritaBuri'; }
.fs_34 {font-size: 34px; font-weight: 700; color:#000; letter-spacing: -.68px; line-height: 0.97; font-family: 'AritaBuri'; margin-bottom: 30px;}
.fs_34 span{color: #006bef; margin-right: 10px;}
.fs_18 {font-size: 18px; font-weight: 300; color:#000; line-height: 1.83; letter-spacing: -.36px; }
.fs_18 span{font-family: Pretendard; font-size: 28px; line-height: 2.32; letter-spacing: -.56px; font-weight: 700; color: #000;}
.fs_18 span::after{content: ''; width: 20px; height: 20px; display: inline-block; background-image: url(../img/arrow.png);}


#medical2 .box:last-of-type .dot_p{margin: 0 0 30px 0;}

.dot_p {position: relative; padding-left:20px; text-align: left; margin: 30px 0 80px;}
.dot_p::before {content: ''; display: block; width: 8px; height: 8px; background-color: #000; position: absolute; left: 0; top:13px; border-radius: 50%;}


/* medical1 box imgbox */
#medical2 .box .imgbox{width: 100%; padding: 70px; border: solid 1px #ddd; background-color: #fff; text-align: center;}

/* medical1 box imgbox2 */
#medical2 .box .imgbox2{display: flex; justify-content: space-between;}
#medical2 .box .imgbox2 >li{max-width: 310px; display: flex; flex-direction: column; justify-content: space-between;}
#medical2 .box .imgbox2 >li div{padding: 50px 60px; flex-grow: 1; background-color: #fff; border: solid 1px #ddd; display: flex; align-items: center; justify-content: center;}
#medical2 .box .imgbox2 >li p{font-size: 16px; color: #fff; letter-spacing: -.32px; text-align: center; line-height: 45px; font-weight: 300; background-color: #000;}

/* medical2 box  imgbox3*/
#medical2 .box .imgbox3{width: 100%; background-color: #fff; text-align: center;}
#medical2 .box .imgbox3 >li:nth-child(1){border: solid 1px #ddd; padding: 50px;}
#medical2 .box .imgbox3 >li:nth-child(2){display: flex; justify-content: flex-end; background-color: #000; padding: 0 90px;}
#medical2 .box .imgbox3 >li p:first-child{flex-grow: 1;}
#medical2 .box .imgbox3 >li p{font-size: 16px; color: #fff; letter-spacing: -.32px; text-align: center; line-height: 45px; font-weight: 300; flex-grow: 1.2;}

/* medical2 box content2 imgbox4 */
#medical2 .box .imgbox4{width: 100%; background-color: #fff;}
#medical2 .box .imgbox4 >li{display: flex; justify-content: space-evenly;}
#medical2 .box .imgbox4 >li:nth-child(1){border: solid 1px #ddd; padding: 50px;}
#medical2 .box .imgbox4 >li:nth-child(1) >div{max-width: 294px; }
#medical2 .box .imgbox4 >li:nth-child(2){background-color: #000; padding: 0 50px;}
#medical2 .box .imgbox4 >li p{font-size: 16px; color: #fff; letter-spacing: -.32px; text-align: center; line-height: 45px; font-weight: 300; width: 294px; }

#medical2 .box .imgbox5{display: flex; justify-content: space-between;}
#medical2 .box .imgbox5 >li{max-width: 635px; display: flex; flex-direction: column; justify-content: space-between; width: 50%;}
#medical2 .box .imgbox5 >li div{padding: 50px 60px; flex-grow: 1; background-color: #fff; border: solid 1px #ddd; display: flex; align-items: center; justify-content: center;}
#medical2 .box .imgbox5 >li p{font-size: 16px; color: #fff; letter-spacing: -.32px; text-align: center; line-height: 45px; font-weight: 300; background-color: #000;}

/* medical1 box textbox */
#medical2 .box .textbox{display: flex; align-items: flex-start; margin: 30px 0 70px;}
#medical2 .box .textbox >p{color: #555;}
#medical2 .box .textbox >span{display: block; font-family: Pretendard; font-size: 28px; letter-spacing: -.56px; font-weight: 700; color: #000;}
#medical2 .box .textbox >span::after{content: ''; width: 20px; height: 20px; display: inline-block; background: url(../img/arrow.png) no-repeat; margin: 0 10px 0 17px;}
#medical2 .box:last-of-type .textbox{margin-bottom: 0;}

/* medical1 content n */
#medical2 .content{padding: 100px 0;}
#medical2 .content:nth-of-type(even){background-color: #f7f7f7;}
#medical2 .content:nth-of-type(even) .textbox2{background-color: #fff;}
/* medical1 text */
#medical2 .text p {margin: 40px 0;}

/* medical1 box textbox2 */
#medical2 .box .textbox2{display: flex; align-items: flex-start; background-color: #f7f7f7; margin-top: 30px; padding: 30px 40px;}
#medical2 .box .textbox2 img{margin-right: 10px;}